前端页面 css/js防止缓存

一:通过meta标签。不知道是什么原因 我自己用不得行;

<meta http-equiv=”Expires” CONTENT=”0″>
<meta http-equiv=”Cache-Control” CONTENT=”no-cache”>
<meta http-equiv=”Pragma” CONTENT=”no-cache”>

二:加版本号

    <link href="~/Css/Style.css?v=1.0" rel="stylesheet" />

三:每次更新修改文件名。

第一次
    <link href="~/Css/Style1.css" rel="stylesheet" />
第二次
    <link href="~/Css/Style2.css" rel="stylesheet" />

四:通过添加一个随机数或者时间戳来防止缓存

 1、

function getCssLinkTag(cssUrl) {  
    var link = document.createElement("link");  
    link.type = "text/css";  
    link.rel = "stylesheet";  
    link.href = cssUrl;  
    return link;  
}  
  
function loadCss(cssUrl) {  
    // 添加一个随机数或者时间戳来防止缓存  
    var cssLink = getCssLinkTag(cssUrl + "?t=" + new Date().getTime());  
    document.getElementsByTagName("head")[0].appendChild(cssLink);  
}  
window.onload = function(){
    loadCss("CSS/Style.css");
}

2、

function loadFile(str) {//str:"css/style.css" 或者 "js/jquery.js"
            let head = document.getElementsByTagName("head")[0];
            str += "?time=" + new Date().getTime()
            if (str) {
                let substr = str.substring(str.length - 3)
                if (substr === 'css') {
                    let link = document.createElement("link");
                    link.type = 'text/css';
                    link.rel = 'stylesheet';
                    link.href = str;
                    head.appendChild(link);
                }
                else if (substr === '.js') {
                    let script = document.createElement("script");
                    script.type = "text/javascript";
                    script.src = str;
                    head.appendChild(script);
                }
                else
                    console.log("传入错误")
            }
        }

说明:1和2差不多的 ,一个包括js和css,一个只有css,1可以替换成js的这里就不贴了。

3、用Razor标记语法,直接设置时间或者随机数

 <link rel="stylesheet" href="~/Css/common.css?v=@DateTime.Now">

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值