不刷新网页就能链接新的js文件方法总结
如何不刷新网页就能链接新的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文件内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库！
-
本文向大家介绍JavaScript上传文件时不用刷新页面方法总结（推荐），包括了JavaScript上传文件时不用刷新页面方法总结（推荐）的使用技巧和注意事项，需要的朋友参考一下 用js给出一个上传文件时不用刷新页面的方案 实现这么一个效果： 使用HTML+CSS实现如图布局，border-width:5px，格子大小是50px*50px，hover时，边框变成红色，需要考虑语义化。
-
本文向大家介绍django+js+ajax实现刷新页面的方法，包括了django+js+ajax实现刷新页面的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了django+js+ajax实现刷新页面的方法。分享给大家供大家参考，具体如下： 在服务器开发的时候，为了方便将服务器对外开一个接口来操作，可以使用django制作网页，通过页面来操作服务器。这样可以将服务器的维护工作暴漏在更加友
-
本文向大家介绍javascript刷新父页面的各种方法汇总，包括了javascript刷新父页面的各种方法汇总的使用技巧和注意事项，需要的朋友参考一下 用iframe、弹出子页面刷新父页面iframe 弹出子页面 子窗口刷新父窗口 刷新以open()方法打开的窗口 刷新以winodw.showModelDialog()方法打开的窗口
-
本文向大家介绍php防止网站被刷新的方法汇总，包括了php防止网站被刷新的方法汇总的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php防止网站被刷新的方法。分享给大家供大家参考。具体方法如下： 对于像采用WP建设的站来说，频繁的刷新会导致数据库吃紧。下面附上一段代码,防止频繁的刷新造成的死机情况。 方法一,代码如下: 方法二,代码如下: 方法三,代码如下: 注意:代码有了,不过要应用到W
-
问题内容： 我有一个文件，其中我在页面顶部显示外部页面（使用iframe），其他部分是写在文件中的html代码的输出。 HTML代码如下所示： 现在，我想以编程方式刷新页面而不刷新。 我的问题是我可以不刷新页面就刷新页面吗？ 答案/提示将不胜感激。 问题答案： 该嵌在主HMTL页面（或在JSP）。因此，如果刷新页面，则肯定会再次加载iframe。 为了避免这种情况，我可以考虑以下两种选择： 使用A
-
本文向大家介绍jQuery 局部div刷新和全局刷新方法总结，包括了jQuery 局部div刷新和全局刷新方法总结的使用技巧和注意事项，需要的朋友参考一下 div的局部刷新 $(".dl").load(location.href+" .dl"); 全页面的刷新方法 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象（用于框架