不重新整理網頁就能連結新的js檔案方法總結
阿新 • • 發佈:2020-03-03
如何不重新整理網頁就能連結新的js檔案,其實在HTML語言中已經有相關的函數了,就是再新增一個<script src=.....></script>。
函式很簡單,叫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);//這是一個延遲執行函式,以便在新JS新增後再執行新JS裡的函式。 } </script> </head><body> <input type="button" onclick="myFunction()" value="顯示警告框" /> </body></html>
這是cs.JS
function demo(){ alert("你好"); }
可以嘗試在網頁開啟後修改cs.js中的你好為其他,然後再點選 顯示警示框按鈕 便會彈出你修改後的內容而非“你好”
例項擴充套件:
// 獲得要重新整理的script var script = document.getElementById('jQuery'); // 重新整理JS的方法 function refreshJS(script) { var newScript = document.createElement('script'); // 直接載入原地址不會重新整理,因為瀏覽器會快取, 所以尾部加上時間戳,導致瀏覽器會認為這是個新地址 newScript.src = script.src + '?' + new Date().getTime(); document.body.removeChild(script); document.body.appendChild(newScript); } // 呼叫 refreshJS(script);
到此這篇關於不重新整理網頁就能連結新的js檔案方法總結的文章就介紹到這了,更多相關如何不重新整理網頁就能連結新的js檔案內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!