如何将时间戳附加到< script>中的javascript文件标记网址以避免缓存 [英] How to append timestamp to the javascript file in <script> tag url to avoid caching

问题描述

我想在javascript文件源路径的末尾添加一个随机数或时间戳，以便每次页面重新加载时都应下载一份新的副本。

I want to append a random number or a timestamp at the end of the javascript file source path in so that every time the page reloads it should download a fresh copy.

它应该像

<script type="text/javascript" src="/js/1.js?v=1234455"/>

如何生成并附加此数字？这是一个简单的HTML页面，因此无法使用任何PHP或JSP相关代码

How can i generate and append this number? This is a simple HTML page, so cant use any PHP or JSP related code

推荐答案

方法1

可以通过这种方式添加许多扩展，包括异步包含和脚本延迟。许多广告网络和高流量网站都使用这种方法。

Lots of extensions can be added this way including Asynchronous inclusion and script deferring. Lots of ad networks and hi traffic sites use this approach.

<script type="text/javascript">
(function(){ 
     var randomh=Math.random();
     var e = document.getElementsByTagName("script")[0];
     var d = document.createElement("script");
     d.src = "//site.com/js.js?x="+randomh+"";
     d.type = "text/javascript"; 
     d.async = true;
     d.defer = true;
     e.parentNode.insertBefore(d,e);
 })();
</script>

方法2（AJZane的评论）

小巧而强大的包容性。您可以确切地看到JavaScript被触发的位置，并且它比方法1更不可定制（至关重要）。

Small and robust inclusion. You can see exactly where JavaScript is fired and it is less customisable (to the point) than Method 1.

    <script>document.write("<script type='text/javascript' src='//site.com
    /js.js?v=" + Date.now() + "'><\/script>");</script>

这篇关于如何将时间戳附加到< script>中的javascript文件标记网址以避免缓存的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！