码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-01 01:03:09      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:function   charset   on()   一个   meta   doctype   不刷新   刷新   简单   

如何不刷新网页就能链接新的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文件

标签:function   charset   on()   一个   meta   doctype   不刷新   刷新   简单   

原文地址:https://www.cnblogs.com/duyuanshang/p/12386899.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!