（纯js）如何不刷新网页就能链接新的js文件

Posted 2020-11-28 独元殇

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了（纯js）如何不刷新网页就能链接新的js文件相关的知识，希望对你有一定的参考价值。

如何不刷新网页就能链接新的js文件，其实在html语言中已经有相关的函数了，就是再添加一个<script src=.....></script>。

函数很简单，叫document.body.appendChild(script);

使用方法如下

<!DOCTYPE html><html><head><meta charset="utf-8">
<script language="javascript" >
function myFunction(){	
var script = document.createElement("script");	
script.src = "cs.js";	
document.body.appendChild(script);	
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中的你好为其他，然后再点击显示警示框按钮便会弹出你修改后的内容而非“你好”

以上是关于（纯js）如何不刷新网页就能链接新的js文件的主要内容，如果未能解决你的问题，请参考以下文章