如何實現(xiàn)不刷新網頁就能鏈接新的js文件

這篇文章給大家分享的是有關如何實現(xiàn)不刷新網頁就能鏈接新的js文件的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司專注于南樂企業(yè)網站建設,響應式網站建設,商城建設。南樂網站建設公司,為南樂等地區(qū)提供建站服務。全流程按需網站制作，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務

如何不刷新網頁就能鏈接新的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);//這是一個延遲執(zhí)行函數，以便在新JS添加后再執(zhí)行新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);

感謝各位的閱讀！關于“如何實現(xiàn)不刷新網頁就能鏈接新的js文件”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章標題：如何實現(xiàn)不刷新網頁就能鏈接新的js文件
網頁路徑：http://bm7419.com/article30/ijhsso.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站設計、微信公眾號、、虛擬主機、定制開發(fā)、面包屑導航

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

商城網站建設