如何让javascript每次第一次加载?

时间:2018-03-20 23:19:19

标签: javascript jquery performance

您好我遇到了一个关于加载外部Javascript的常见问题,我使用了一个gulp开发环境,它显然用于压缩HTML和JS等文件。

当我通过按 Ctrl + F5 来刷新浏览器(如Google Chrome或Firefox)时,javascript似乎并不总是加载,因此需要刷新该页面再次出现,但它并不一致,但在开发环境之外进行测试时,我遇到了同样的问题。

我还使用了基本代码行,在加载之前等待整个页面先下载;

jQuery(document).ready(function($) {}

为了澄清,我已经尝试了其他方法,但除了加载JS的不一致之外,没有收到任何不同的结果。

我在我的项目中使用jQuery库,但它是唯一使用的js库。

我试图否定这个问题的其他一些方法是将用于调用jQuery的脚本标记放在HTML页面开头的js文件中,并且放在html标记的结束标记之前

还要澄清一下,这里是我用来在jQuery和js文件中调用的脚本标记。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript" async></script>

<script src="assets/js/functions.js" type="text/javascript" async></script>

2 个答案:

答案 0 :(得分:0)

打开DevTools( F12 )转到“网络”选项卡,然后选中“禁用缓存”复选框。现在,每次刷新页面时,都会刷新所有脚本。

另外,如果您希望在任何设备/浏览器中刷新脚本,则必须向脚本url添加其他参数。例如:

<script src="app.js?v=1.2"></script>

每当您更改?v=1.3时,浏览器都会重新下载脚本。

答案 1 :(得分:0)

我通过反复试验找出了问题;问题是jQuery在加载函数后会偶尔加载一点,这会导致使用jQuery创建的函数可以引用任何jQuery库。

问题在于我使用了异步&#39; jQuery脚本导入中的属性,允许在脚本标记本身仍在加载时加载脚本标记之后的内容。