javascript動(dòng)態(tài)加載 如何在html頁(yè)面動(dòng)態(tài)加載js文件?
如何在html頁(yè)面動(dòng)態(tài)加載js文件?這里有三種異步加載JS腳本的方法。1直接文件.write2這三種方法都是異步的,所以在使用這三種方法動(dòng)態(tài)加載JS時(shí),主界面的JS腳本會(huì)繼續(xù)執(zhí)行,所以異步加載的JS代
如何在html頁(yè)面動(dòng)態(tài)加載js文件?
這里有三種異步加載JS腳本的方法。1直接文件.write2這三種方法都是異步的,所以在使用這三種方法動(dòng)態(tài)加載JS時(shí),主界面的JS腳本會(huì)繼續(xù)執(zhí)行,所以異步加載的JS代碼可能達(dá)不到預(yù)期的效果。此時(shí),我們可以考慮使用Ajax加載JS。一般原則:使用xmlhttp獲取腳本的內(nèi)容,然后創(chuàng)建腳本對(duì)象。另外,要注意編碼的一致性。因?yàn)榉?wù)器和XML使用utf8編碼來(lái)傳輸數(shù)據(jù)。
如何優(yōu)雅的用js動(dòng)態(tài)的添加html代碼?
所謂動(dòng)態(tài)編寫方法,就是源代碼中沒有原始內(nèi)容,或者這里要顯示的文本或內(nèi)容需要再次更改,需要用JavaScript代碼實(shí)現(xiàn)。動(dòng)態(tài)寫作是一種常用的寫作方法。
1. 使用innerHTML編寫HTML代碼:<divid=“ABC”></div><script>document.getElementById(“ABC”)。InnerHTML=“要寫入的文本或內(nèi)容”</script>
2。Appendchild()方法:<ulid=“mylist”><li>coffee</Li><li>tea</Li></UL><buttonclick=“myfunction()”>單擊將項(xiàng)添加到列表中</button><script pt>functionmyFunction(){varnode=文檔.createElement(“LI”)vartextnode=文檔.createTextNode(“水”)節(jié)點(diǎn).appendChild(文本節(jié)點(diǎn))文檔.getElementById(“myList”).appendChild(節(jié)點(diǎn))}</script>