首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

手工利用Chrome浏览器“Javascript控制台”,使用jQuery获取CSDN论坛列表信息

2012-09-08 
【分享】手工利用Chrome浏览器“Javascript控制台”,使用jQuery获取CSDN论坛列表信息1、打开Chrome浏览器,输入

【分享】手工利用Chrome浏览器“Javascript控制台”,使用jQuery获取CSDN论坛列表信息


1、打开Chrome浏览器,输入网址:http://forum.csdn.net/SList/HTMLCSS/

2、按下“Ctrl+Shift+J”打开“Javascript控制台”工具

3、动态引用jQuery.js文件

HTML code
var fileref=document.createElement('script')fileref.setAttribute("type","text/javascript")fileref.setAttribute("src", 'http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js')document.getElementsByTagName("head")[0].appendChild(fileref)



4、使用jQuery在文档头添加一div容器

HTML code
$('head').after("<div id='msg'></div>")$("#msg").css({border:'solid 2px red',padding:'10px','text-align':'left',margin:'5px','font-size':'14px','line-height':'1.6'})



5、获取文章列表信息
HTML code
$('.ell a').each(function(i,e){if(i%4==0)$('#msg').html($('#msg').html()+'<br>'+((i/4)+1)+'、'+e.innerHTML+' ( '+e.href+" )")})




[解决办法]
分享是伟大的!
[解决办法]
确实挺有心的!

热点排行