動態加載script到頁面大約有倆方法

第一種就是利用ajax方式，把script文件代碼從后臺加載到前臺，然后對加載到的內容通過eval()執行代碼。第二種是，動態創建一個script標簽，設置其src屬性，通過把script標簽插入到頁面head來加載js，相當于在head中寫了一個<script src="..."></script>,只不過這個script標簽是用js動態創建的
比如說是我們要動態地加載一個callbakc.js，我們就需要這樣一個script標簽：

復制代碼 代碼如下:

<script type="text/javascript" src="call.js"></script>

復制代碼 代碼如下:

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'call.js';
head.appendChild(script);

復制代碼 代碼如下:

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onreadystatechange= function () {
if (this.readyState == 'complete')
callback();
}
script.onload= function(){
callback();
}
script.src= 'helper.js';
head.appendChild(script);

復制代碼 代碼如下:

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onload = script.onreadystatechange = function() {
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete" ) {
help();
// Handle memory leak in IE
script.onload = script.onreadystatechange = null;
} };
script.src= 'helper.js';
head.appendChild(script);

復制代碼 代碼如下:

jQuery("#content").html("<script>alert('aa');<//script>");