動態加載javaScript文件

1.編輯元素屬性

Element.setAttribute("新屬性"，屬性值)；

創建script對象

var scr=document.createElement("script");
scr.setAttribute("src","newScript.js");
document.head.appendChild(scr);

動態創建菜單
例：
爲文檔網頁創建標題索引菜單
文字段落放在以<h2>爲標題的<P>裏

//獲得所有<h2>的元素集合
var h2s=document.getElementsByTagName("h2");     
//創建<div>容器放置菜單，<Ul>元素用於保存菜單項
var menu=documentcreateElement("div");
var menuUl=document.createElement("ul");
menu.appendChild(menuUl);
//遍歷<h2>標題的集合

for(var i=0;i<h2s.length;i++){
//獲取標題文本內容
var itemText=h2s[i].childNodes[0].nodeValue;
//創建一個列表項<li>
var menuLi=document.createElement("li");
menuUl.appendChild(menuLi);
//爲列表項創建鏈接，指向標題錨點
var menuLiA=document.createElment("a");
menuLiA=menuLi.appendChild(menuLiA);
//設置href 
menuLiA.setAttribute("href","#item"+i);
//設置標題內容
var menuText=document.createTextNode(itemText);
menuLiA.appendChild(menuText);

//創建錨點元素
var anc=document.createElemet("a");
anc.setAttribute("name","item"+i);
document.body.insertBefore(anc,h2s[i]);

}
document.body.inserBefore(menu,document.body.firstChild);
}