css或者js修改后,如果用户没有清缓存,可能出现代码没更新导致的错误。给常修改的或重要文件添加随机数可以保证每次加载都请求服务器返回最新的文件,不会有缓存问题。
1.css添加随机数
原来代码:
<link rel="stylesheet" type="text/css" href="css/common.css"/>
修改后:
<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" href="css/common.css?v=' + Math.random() + '"/>');
</script>
2.js添加随机数
原来代码:
<script type="text/javascript" src="js/libs/modernizr.min.js"></script>
修改后
<script type="text/javascript">
document.write('<script type="text/javascript" src="js/libs/modernizr.min.js?v=' + Math.random() + '"><\/script>');
</script>