js代碼動態插樁,動態二進制插樁

本文目錄一覽：

• 1、用原生js怎麼動態添加一個js文件
• 2、怎麼在網頁中通過jQuery動態加載js代碼
• 3、如何在html頁面動態加載js文件
• 4、如何用js動態寫入html代碼
• 5、如何在地址欄中輸入一段js代碼，使當前頁面動態載入一段js腳本文件！

用原生js怎麼動態添加一個js文件

如果需要用原生js動態的加載另外一個js文件，可以使用原生js的document.createElement方法創建script節點，然後更改該節點的type和src屬性,最後通過appendChild方法將該節點動態添加到html中，這樣就可以了，參考代碼如下：

var new_element = document.createElement(“script”);//創建新的script節點new_element.setAttribute(“type”, “text/javascript”);new_element.setAttribute(“src”, “../js/jquery.js”);document.body.appendChild(new_element);//添加到body節點的末尾

上例中是在body的最末尾添加的，當然同樣可以在head中添加引用該js的標籤：document.head.appendChild(new_element);

怎麼在網頁中通過jQuery動態加載js代碼

用JQ自帶的AJAX來動態加載你想要的JS文件

$.getScript(“這是你的JS名字.js”, function(){

  alert(“這是JS加載完了成功的回調函數”);

});

這是動態加載的JS文件，ajax必須要有環境才能運行

如何在html頁面動態加載js文件

下面介紹三種異步執行加載Js 腳本的方法。

1、直接document.write

script language=”javascript”

document.write(“script src=’test.js’\/script”);

/script

2、動態改變已有script的src 屬性

script src=” id=”s1″/script

script language=”javascript”

s1.src=”test.js”

/script

3、動態創建 script元素

script

var oHead = document.getElementsByTagName(‘HEAD’).item(0);

var oScript= document.createElement(“script”);

oScript.type = “text/javascript”;

oScript.src=”test.js”;

oHead.appendChild( oScript);

/script

注 ，

這三種方法都是異步的，所以在採用這類方法動態加載Js 的同時，主界面的Js腳本是繼續執行的，所以可能出現通過異步加載的Js代碼得不到預期的效果的情況。這時候可以考慮採用Ajax加載Js的方法。

大概原理 ：用XMLHTTP取得要腳本的內容，再創建 Script 對象。另外注意編碼的保持一致。因為服務器與XML使用UTF8編碼傳送數據。

如何用js動態寫入html代碼

動態寫入html代碼，主要就是append方法或其他插入方法。如：

var ele=document.createElement(‘div’);//創建div對象

ele.innerHTML=’我是測試內容’;//在div對象中寫入內容

document.body.appendChild(div);//把div放在body標籤最後面

jQuery相對於要簡單一些，如：

$(document.body).append(‘div我是測試內容/div’);

如何在地址欄中輸入一段js代碼，使當前頁面動態載入一段js腳本文件！

看您的意思應該是在地址欄里輸入JS代碼，來調用頁面中已經存在的JS腳本，或者是調用自己的JS腳本。

1、調用自己的腳本：可以試試下面的代碼

javascript:var i;i=2;alert(i);

可以把JS的內容全部轉成一行再輸入，大文件可能比較困難

2、調用已經存在的腳本

比如，本頁面中存在 iknowMap.upload() 這個函數，直接調用就可以了

javascript:iknowMap.upload();

PS:百度知道中每個有回答的頁面都可以這麼調用，

這屬於一種XSS跨站腳本的方法，但在地址欄進行輸入的話內容僅僅在輸入地址的本機有效，因為腳本是執行在瀏覽器端的。

希望能夠有所幫助，祝你成功