最近在进行前端调试时发现使用<a>标签和href属性直接进行网页跳转时
<li><a href="./index.html"></li>跳转后的新界面的CSS样式和JS文件都失效了，调试时发现页面跳转后<head>标签内得内容和<script>标签里面的内容里面的内容都没有被重新加载，查资料发现好像是因为<a>标签的href属性默认是通过ajax提交的，ajax提交时因为缓存的原因不会刷新<head>内的内容。
解决方式
1、在<a>标签的内部加属性data-ajax='false',如下所示：
<li><a href="./index.html" data-ajax="false"></li>2、同样可以用rel="external"属性代替data-ajax="false"
<li><a href="./index.html" rel="external"></li>
扫一扫
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
