【发布时间】：2013-10-30 14:07:08
【问题描述】：
我注意到我的页面被调用两次时出现了一些奇怪的行为。
我的页面页脚中有以下 HTML：
<div class="col-sm-12">
<a href="javascript:void(0)" id="modal-link"><img id="modal-img" src="#" style="width:100%;"></a>
</div>
代码是在多个页面上使用的模态框的一部分，并且在文档准备好后需要时设置 href 元素。我注意到包含此页脚代码的每个页面都会被调用两次，但如果我注释掉该行，它不会。
是否有原因自动跟踪此链接导致同一页面加载两次？
【问题讨论】：
-
这是因为 img 元素的 src -
#指的是同一文档中的（空）锚点，因此某些浏览器请求与文档本身再次尝试相同的 URL下载图片资源。 -
这是预期的行为...链接甚至没有被点击。它发生在页面加载时......
-
链接有什么关系？根据解析相对 URL 的规则，浏览器将
#视为图像的src属性，该规则导致与文档具有相同的绝对 URL，因此浏览器在尝试获取要显示的图像数据时请求它……