简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

让html页面不缓存js的实现方法_javascript技巧

WBOY
Release： 2016-05-16 16:32:42
Original
1524 people have browsed it

本文实例讲述了让html页面不缓存js的实现方法。分享给大家供大家参考。具体实现方法如下：

很多朋友都会碰到这样的情况：如果我们页面加载了js的话下次打开时也会是调用这个js缓存文件，但对于我们调试时是非常的不方便了，本文就来谈论如何解决这一问题，下面一起来看看。

不缓存JS的方法其实挺简单，CSS在某种条件下也可以如此使用；

先让大家了解下不缓存的一个简单的原理：

当浏览不同Url时，浏览器会自动将当前访问的地址进行一次缓存；而第二次访问时着调用缓存下来的页面，从而达到页面快速加载(页面加载优化)的目的；

因此，我们可以给页面后面设定个不同的值，让页面保持没错访问的不同即可达到不缓存的目的了！

下面是个简单的示例:

复制代码 代码如下:
<script> <br /> document.write("<script type='text/javascript' src='/js/test.js&#63;"+Math.random();+"'></script>");

其他的类似，只需在地址后加上+Math.random()

注意：因为Math.random() 只能在Javascript 下起作用，故只能通过Javascript的调用才可以

最后加一个ajax也不让缓存的方法

复制代码 代码如下:
xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

记得后面的now=" + new Date().getTime()是重点，需要带参数的。

希望本文所述对大家的javascript程序设计有所帮助。

Related labels：
html js page
source：php.cn
Previous article：js中style.display=""无效的解决方法_javascript技巧 Next article：js读取cookie方法总结_javascript技巧
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Leverage VueJS components in PHP I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...
From 2023-11-11 00:01:44
0
2
288
How to use open primitive tag in next js 13? In the recent NextJS13 update, they introduced a new way of handling meta tags that differ...
From 2023-11-10 23:03:51
0
1
527
PHP mailer not working: no error log, message says sent but not received I don't receive any error logs in my webserver's php error log. I've tried several differe...
From 2023-11-10 15:02:39
0
1
218
v-date-picker to select only month and year Please tell me if there is any other way to do this using v-date-picker. I just want the u...
From 2023-11-10 14:05:05
0
1
269
The rewritten title is: SweetAlert2: "onBeforeOpen" parameters are unknown I'm using Laravel5.8 and Sweetalertv2 and I'm trying to trigger this alert on Blade with: ...
From 2023-11-10 09:39:01
0
1
257
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！