| 室內設計團隊,完整住宅空間規劃 建造時尚與生活機能新美學 | 專業防水工程公司,解決您房屋壁癌的長期困擾 一通電話免費到府估價 |
[JQuery] 使用 YQL 來擷取網頁圖片 |
| 房東:小陳 發表時間:2012-01-12 |
這幾天在看 YQL,於是重做了一份 YQL+jQuery 的版本。 仍然以擷取 Google Doodle 網頁圖片為例,步驟一,引入所有需要的函式庫: 1.<script type="text/javascript" src="http://www.google.com/jsapi"></script> 2.<script type="text/javascript"> 3.google.load("jquery", "1.3.2"); 4.</script> 5.<script type="text/javascript" src="jquery.query-yql.js"></script>步驟二: 01.$(function () { 02. var url = 'http://www.google.com'; 03. var t = $("#content").empty(); 04. //YQL 的語法,url 填入網址,然後透過 xpath 找到所要的元素 05. var statement = "select * from html where url='" + url + "/logos/' and xpath='//dl[@class=\"doodles\"]//img' LIMIT 2"; 06. //透過 hail2u's jquery.query-yql 來操控資料 07. $.queryYQL(statement, "xml", function (data) { 08. $.each(data.results, function () { 09. var img = $(this.toString()); 10. var src = img.attr('src'); 11. img.attr('src', url+src); 12. img.appendTo(t); 13. t.append('<br />'); 14. }); 15. }); 16. 17.});成品網頁請按此。再次謝謝 Google Doodle 的客串。
|
|
|
廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲 完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心! 廣利不動產-新板特區指名度最高、值得您信賴的好房仲 您的托付,廣利用心為您服務 |