如何实现不刷新网页直接加载新JS文件的方法概述？

更新于

2026-09-27 02:12:33

2阅读来源：SEO问题

内容介绍
文章标签
相关推荐

本文共计381个文字，预计阅读时间需要2分钟。

如何不刷新网页就能链接新的js文件，实际上在HTML语言中已经存在相关的函数了，就是再添加一个`

如何不刷新网页就能链接新的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文件内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！

标签：文件方法总结