js防止保存多次的方法 js防止执行多次

如何通过自身代码防止JS文件被加载多次

1、代码示例：防止JS文件被加载多次的方法如下：a.js：！function(){ if(window[a.js]) return；window[a.js] = true；console.log(code here)；}()；以上是正确方法。

2、我的做法是用单独做一个JS包，尽可能少的依赖别的架构。用它实现动态加载。

3、浏览器自己会判断缓存中是否有同名的js文件，如果有则利用缓存的js，否则到服务器中加载。

4、新的元素加载filejs源文件。此文件当元素添加到页面后立刻开始下载。此技术的重点在于：无论在何处启动下载，文件的下载和运行都不会阻塞其他页面处理过程。

相关问答

Q1: html中如何防止js多次重复加载

1、我的做法是用单独做一个JS包，尽可能少的依赖别的架构。用它实现动态加载。

2、防止JS文件被加载多次的方法如下：a.js：！function(){ if(window[a.js]) return；window[a.js] = true；console.log(code here)；}()；以上是正确方法。

3、两种方法 用css来控制，将两张图片放在同一张图里，鼠标经过时控制background-position来显示图片的不同部分，实现图片切换。

Q2: 如何防止js和css缓存

最好的解决方案应该是只有在 CSS 和 JS 文件被修改的时候才会重新加载。这里要介绍一个 PHP 的 filemtime() 函数，filemtime() 函数可以返回文件最后被修改的时间，这样只有在修改文件的时候版本才会变化。

应用JS时利用后台代码添加。这样更改过JS时，将JS的文件名后边带上个自定义的版本号，再将JS版本号的变量修改一下就好了。其他程序由于是动态的读取JS文件名，所以不用再修改，也不用怕漏改。

/ 线下测试的时候：对css跟js的引入路径后面追加随机数，时时刻刻更新，避免缓存影响了调试。线下测试后：升级常量的版本号，把代码更新上去，这样用户的浏览器刷新就用到了新的样式，而又用到了缓存。

就是一起压缩引用就可以了。希望我的回答可以帮到你，有什么不懂可以追问。

这个缓存问题我这边也有。可以考虑用前端管理工具。

js防止保存多次的方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js防止执行多次、js防止保存多次的方法的信息别忘了在本站进行查找喔。