1、打開Chrome浏覽器,輸入網址
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+" )")})