您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)如何實現(xiàn)不刷新網(wǎng)頁就能鏈接新的js文件的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
如何不刷新網(wǎng)頁就能鏈接新的js文件,其實在HTML語言中已經(jīng)有相關(guān)的函數(shù)了,就是再添加一個<script src=.....></script>。
函數(shù)很簡單,叫document.body.appendChild(script);
使用方法如下
<!DOCTYPE html><html><head><meta charset="utf-8"> <script language="javascript" > function myFunction(){ <br>var script = document.createElement("script"); <br>script.src = "cs.js"; <br>document.body.appendChild(script); <br>var t=setTimeout("demo()",10);//這是一個延遲執(zhí)行函數(shù),以便在新JS添加后再執(zhí)行新JS里的函數(shù)。 } </script> </head><body> <input type="button" onclick="myFunction()" value="顯示警告框" /> </body></html>
這是cs.JS
function demo(){ alert("你好"); }
可以嘗試在網(wǎng)頁打開后修改cs.js中的你好為其他,然后再點擊 顯示警示框按鈕 便會彈出你修改后的內(nèi)容而非“你好”
實例擴展:
// 獲得要刷新的script var script = document.getElementById('jQuery'); // 刷新JS的方法 function refreshJS(script) { var newScript = document.createElement('script'); // 直接加載原地址不會刷新,因為瀏覽器會緩存, 所以尾部加上時間戳,導(dǎo)致瀏覽器會認為這是個新地址 newScript.src = script.src + '?' + new Date().getTime(); document.body.removeChild(script); document.body.appendChild(newScript); } // 調(diào)用 refreshJS(script);
感謝各位的閱讀!關(guān)于“如何實現(xiàn)不刷新網(wǎng)頁就能鏈接新的js文件”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。