JS获得QQ号码的昵称,头像,生日的简单实例_javascript技巧

http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码

将会返回下列内容：

_Callback(
{"uin":查询的QQ号码,
"qzone":1,
"nickname":"昵称",
"offsetBirth":距离生日的天数,
"avatarUrl":"查询的QQ号码头像地址"});

针对这个内容，对_Callback事先进行实现，然后在<script src=>中放置上面的URL，利用返回的内容，使其执行_Callback函数，对数据进行处理即可。如下面的例子，简单地对数据进行对号入座的说明，显示在DIV中，头像以图片方式直接显示出来：

复制代码 代码如下:

<div id='theforever'>.</div>
<mce:script type="text/javascript"><!--
function _Callback(msg){
 with(msg){
  document.getElementById('theforever').innerHTML='昵称:'+nickname+'<br/><img src="'+avatarUrl+'" mce_src="'+avatarUrl+'"><br/>距离生日的天数：'+offsetBirth;
 }
}
// --></mce:script>
<mce:script language="javascript" type="text/javascript" src="http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码" mce_src="http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码"></mce:script>

时间： 2024-09-17 08:33:02

JS获得QQ号码的昵称,头像,生日的简单实例_javascript技巧的相关文章

js验证真实姓名与身份证号,手机号的简单实例_javascript技巧

最近的项目中用的需要调用实名认证的接口,实名认证接口价格相比短信而言高了不是几分钱,所以说调用实名认证的条件就要严格把关,因此用到js验证真实姓名与js验证身份证号. 进入正题 1.js验证真实姓名 js验证真实姓名,是用的unicode字符的来进行匹配,而中国人的姓名长度一般都是2-4,所以重复匹配{2,4}次 var regName =/^[\u4e00-\u9fa5]{2,4}$/; if(!regName.test(name)){ alert('真实姓名填写有误'); return fa

js 弹出对话框(遮罩)透明,可拖动的简单实例_javascript技巧

js 弹出对话框(遮罩)透明,可拖动的简单实例 <html> <head> <script> function sAlert(txt) { //var eSrc=(document.all)?window.event.srcElement:arguments[1]; var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.posi

JS实现图片的不间断连续滚动的简单实例_javascript技巧

js替代marquee实现图片无缝滚动 可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动. 先了解一下下面这几个属性: innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度. scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容

原生JS实现图片轮播与淡入效果的简单实例_javascript技巧

最近对css的兴趣提不起来,因为以前对图片轮播一直耿耿于怀苦于学艺不精,所以,花了点时间熟悉了一下js.然后一条道走到黑,用jquery和js写了一下轮播和图片淡入的效果.以后学习的路很长,希望自己在前端的路上越走越远`(∩_∩)′ 从原理来讲,网上的教程有很多,简单来说. 淡入淡出,其实这里只用到了淡入的效果.每一张淡入的图片,我们将它的display设置为block,其他为none,所以实际存在并且在文档流占位置的只有一张图片.在设置图片的display方式之前,将图片的透明度逐渐增大,就会

js动态添加的DIV中的onclick事件简单实例_javascript技巧

最简单的是这样: <input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件: <input type="button" value="我是 button" id="bu"> <script type="text/javascript&quo

js判断数组key是否存在(不用循环)的简单实例_javascript技巧

实例如下: var aaa = { "0":"a", "1":"b", "2":"c", "aa":"d", "4":"e" }; alert(aaa .hasOwnProperty(4));//true 以上这篇js判断数组key是否存在(不用循环)的简单实例就是小编分享给大家的全部内容了,希望能给大家一个

js菜单点击显示或隐藏效果的简单实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

JS获取select的value和text值的简单实例_javascript技巧

复制代码 代码如下: <select id = "cityList" >   <select id = "selectId" >      <option value = "0">第0个</option>   </select>   <script>       var selectObj = document.getElementById('selectId');     

JS实现带鼠标效果的头像及文章列表代码_javascript技巧

本文实例讲述了JS实现带鼠标效果的头像及文章列表代码.分享给大家供大家参考.具体如下: 这是一种带图片功能的文章或新闻列表功能,鼠标滑过标题列表显示说明和图片,多见于SNS交友网站,不过你喜欢的话,你完全可以用哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-style-face-article-list-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.