通過(guò)JS代碼在網(wǎng)頁(yè)中動(dòng)態(tài)添加Script腳本

2012/10/14 10:56:06作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

Script腳本可以在頁(yè)面中靜態(tài)地設(shè)置好，也可以使用“src”屬性調(diào)用頁(yè)面外部的腳本文件，本例JS代碼我們來(lái)學(xué)習(xí)一個(gè)方法，可以在頁(yè)面運(yùn)行過(guò)程中，動(dòng)態(tài)添加Script腳本。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)</title>
<script>
    o=document.createElement("script");         //動(dòng)態(tài)創(chuàng)建script元素
    o.text="alert('test!')";                    //輸出語(yǔ)句。。是腳本中的代碼
    document.documentElement.childNodes[0].appendChild(o);//將腳本添加到頁(yè)面中
</script>
</head>
<body>
</body>
</html>

【難點(diǎn)剖析】

本例JS代碼使用“createElement”方法，創(chuàng)建了一個(gè)“script”元素，并設(shè)置元素的內(nèi)容為“atert('test!')”，最后使用“appendChild”方法，將此元素添加到窗體中。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：網(wǎng)頁(yè) JS代碼