华山资源网

页面内嵌样式表中使用url()， 出现页面多次载入问题解决
网页制作 2024/11/18 佚名
3 1
在最近的一个项目中，为了跟踪用户的登录的次数，我们在页面打开时，将用户登录页面的信息进行记录。可在测试中却发现一个用户访问一次的页面，却被记录了二次，也就是说页面被载入了二次。进一步测试后发现此问题，只是在FireFox，Google Chrome浏览器上才会出现。通过使用Fiddler监控发现，页面在很短的时间内被浏览器载入了二次。
发生如此离奇的问题，让我们百思不得其解。因为在页面中，并不存在通过Javascript来触发页面刷新；也不存在页面的特殊设置，让页面自动进行定时的刷新功能。不得已，只能采用笨方法，将页面中的内容一点点的删除掉，最后发现当页面内嵌的样式存在时，页面就会被重复载入。样式如下：

复制代码代码如下:
<style type="text/css">
content-wrap .wrap-main{background:url();}
content-wrap .wrap-main .colcomm .more{}
tem-main .left .col,.tem-main .left-3 .col,.tem-main .right-3 .col{margin-bottom:5px}
</style>

在样式表中，为了将来自样式文件中的.wrap-main的背景图片给忽略掉，这里采用了在页面文件中再次定义了.wrap-main的背景图片，所以就出现了样式表中第一行出现的

content-wrap .wrap-main{background:url();}
通过分析认为，页面的二次加载的问题，很可能会与该处的样式设置有关，于是将样式修改为等价的：

content-wrap .wrap-main{background-image:none;}
再次运行页面，并通过Fiddler进行跟踪，这次页面只加载了一次。看来问题确实是由于在页面的内嵌样式中错误地使用了url()引起的。

针对这个问题，我进一步进行了分析，得到如下结论：
1）在页面内嵌的样式表中，如果出现url()或url("")之类的，FireFox、Google Chrome浏览器会将url()或url("")解析为当前页面的地址，所以会再次请求同一个页面，这样就出现了同一个页面被载入二次的问题。因此，如果要在内嵌样式表中实现诸如取消背景图片的样式时，可以采用background-image:none而不要采用background:url().
2）在.CSS文件中是的样式，如果出现url()或url(""),同样会导致.CSS文件被加载二次的问题。只是由于.CSS文件常常会在本地有缓存，所以当发现文件没有修改时就不会再次请求同一个.CSS文件。
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com