防止js文件重复加载的方法，js防止重复请求

系统同样的文件只加载js一次

js是每次页面加载都会被加载的。因为js是页面的一部分，但是是否执行相应的命令，才是最终显示在客户端的样子。

现在外面设置一个变量var aluck = ture；//然后在调用加载组件的时候检查aluckif(aluck==ture){ aluck=false； //这里加载你需要的组件，因为aluck之后就会变成false，所以再次运行这段代码的时候，这里的代码就不运行了。

不可能，是可以同步加载N多JS的，除非你那些JS里面的内容是一样的。

页面的expire只能控制页面自己，不能控制js和css文件。对于同一个URL的文件，浏览器发现缓存里有，会访问服务器，取得文件的修改时间或ETAG，没有变化，使用缓存里的，有变化，则重新下载。

应该是一次全加载完毕的，用到的时候就去库中调用。

相关问答

Q1: 网页设计中JS文件比较多,影响网页的加载速度,怎么解决?

如果标签的位置移动不了，就改js，务必要放到页面的最后。比如中有document.write()；可以预先在指定位置放一个隐藏的，然后通过页面底部的js，innerHTML到中。 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。这几点做到了，你页面的首屏速度能在1秒左右。

(2)优化图像在使用图像的过程中，包含了一些额外的东西，比如使用一些无用的颜色，额外的多出的图片大小。使用之前先对其进行优化，将大小保持在最低程度，尝试保存JPEG格式，这将帮助很多慢速的网络用户。这样做的原因是为了在保持图片质量的同时控制其重量，减少服务器的加载时间。

合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件，这样不仅能简化代码，而且在执行JS文件的时候，如果JS文件比较多，就需要进行多次“Get”请求，延长加载速度，将JS文件合并在一起后，自然就减少了Get请求次数，提高了加载速度。

解决办法：换一个js包含的方式，让javascript加载速度倍增。把通常加载方式： 改变成：document.write(scr+ipt src=\xxx.js\/sc+ript) JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

Q2: 如何防止页面加载重复的JS

1、试下ctrl+r刷新 然后再ajax请求看看，有没有出现你的状况，只点击一次。ajax请求的话也要加上回调，再每次回调完成后再可请求下一次。

2、将函数引入页面使用 const util = require(../../utils/util.js)；即可。

3、使用双击事件打开页面，点击之后改变它的状态，事件完成之后再把状态改回来就可以了。

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

Q3: ext中iframe重复加载js问题

1、首先，是所有的JS都用它加载，保障在注册机中的唯一性；其次，在使用EXT类库的地方，需要等动态加载完以后才可以使用所有的EXT类库。类似的你可以写一个onReadyXXX()的方法。

2、setTimeout 函数只能执行一次，要达到循环执行的效果，可以使用递归方式。script language=javascript window.onload=one；function one(){ alert(刷新)；loginbean.location.reload()；setTimeout(one()，1000)；} /script 也可以把settimeout函数改为 setinterval 该函数是定时循环执行的。

3、为 IFRAME 标签的 src 属性指定具体 URL 后再将节点插入 DOM 树中 。

4、ext-base.js、ext-all.js都可以设置很长的过期时间，甚至永不过期（如果你不换extjs的版本）。这点对所有静态内容都很有用，如何设置过期标记请垂询Google。2，渲染慢 1 少加载少解析、晚加载晚解析 1，3，4都对改善渲染慢的情况有效——加载的少了自然渲染的快了。

Q4: HTML和Javascript高手进,图片总重复加载的问题

1、第一种原因，是浏览器与网页服务器的HTTP连接出现了异常，导致文件服务器无法正常地将HTML文件的源代码传递到浏览器端，因此一直处于加载状态。第二种原因，HTML网页虽然成功传递给浏览器，但是网页里包含的Javascript代码在客户端时出错，导致html无法加载完毕，因此客户观察到的现象就是网页一直处于加载状态。

2、当然也可以使用一些现成的轮播图插件，题主可以自己百度，这里对比举例说明一下settimeout和requestanimationframe的用法。

3、楼主，这个我接触多了你试试我的.可以的话求采纳。

4、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

关于防止js文件重复加载的方法和js防止重复请求的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。