手工利用Chrome浏览器“Javascript控制台”

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

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

3、动态引用jQuery.js文件

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容器

$('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、获取文章列表信息

$('.title a').each(function(i,e){if(i%4==0)$('#msg').html($('#msg').html()+'<br>'+((i/4)+1)+'、'+e.innerHTML+' ( '+e.href+" )")})