利用JS載入JS及CSS

起因是想要利用JQ爬取網站信息,但是該網站沒有載入JQ。於是萌生手動載入jq。

首先載入JS載入JS及CSS的語句是

document.getElementsByTagName("head")[0].appendChild(/*這裏寫JS及CSS的載入DOM對象*/);

然後找一個JQ的CDN,筆者選擇新浪的CD

<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>

那麼語句就是

document.getElementsByTagName("head")[0].appendChild('<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>'); 

爲了更便捷實用,將這個語句寫成一個函數

 var fileref = document.createElement('script');
        fileref.setAttribute("type","text/javascript");
        fileref.setAttribute("src","http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js");

生成DOM對象,然後將對象加入document中

document.getElementsByTagName("head")[0].appendChild(fileref);

CSS文件同理

        var fileref = document.createElement('link');
        fileref.setAttribute("rel","stylesheet");
        fileref.setAttribute("type","text/css");
        fileref.setAttribute("href",/*這裏寫某個CSS鏈接*/);
<pre name="code" class="html">document.getElementsByTagName("head")[0].appendChild(fileref);


大功告成

之前無法使用的trigger函數已經可以使用了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章