動態腳本

使用js能夠動態的爲html添加腳本

動態腳本

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.src="a.js"

var top=document.head

top.appendChild(sc)

先建立一個script標籤，而後爲標籤添加屬性，最後將標籤添加到head中，便建立成功了一個動態腳本

此外，還有另外一種方式

對於非IE瀏覽器

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.appendChild(document.createTextNode("function(){alert(\"a\")}"))//爲script添加子文本節點，至關於直接寫script標籤中的內容

var top=document.head

top.appendChild(sc)

對於IE瀏覽器

IE瀏覽器不容許爲script標籤添加節點

因此在IE中

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.Text="function(){alert(\"a\")}"//爲script添加子文本節點，至關於直接寫script標籤中的內容

var top=document.head

top.appendChild(sc)

因此想要兼容兩種瀏覽器須要下面的寫法

var code="function(){alert(\"a\")}"；

var top=document.head

var sc=documet.createElement("script");

try

{

sc.appendChild(document.createTextNode(code))

}

catch(ex)

{

sc.Text=code;

}

top.appendChild(sc);