一尘不染

包含没有src的图像的有效方法是什么?

html

我有一个图片,稍后会使用javascript用src动态填充该图片,但为简便起见,我希望该图片标签在页面加载时存在,但什么也不显示。我知道这<img src='' />是无效的,那么最好的方法是什么?


阅读 228

收藏
2020-05-10

共1个答案

一尘不染

虽然没有有效的方法来省略图像的来源,但是 有些 来源不会导致服务器命中。我最近对iframes
遇到了类似的问题,并确定//:0是最佳选择。不完全是!

从开始//(省略协议)开始,将使用当前页面的协议,从而防止HTTPS页面中出现“内容不安全”警告。无需跳过主机名,但可以使其更短。最后,端口:0确保不能发出服务器请求(根据规范,它不是有效的端口)。

这是我发现的唯一URL,在任何浏览器中都不会导致服务器命中或错误消息。javascript:void(0)如果在通过HTTPS服务的页面上使用,通常的选择-
将在IE7中引起“内容不安全”警告。任何其他端口都导致尝试建立服务器连接,即使是无效地址也是如此。(某些浏览器只会发出无效请求,并等待它们超时。)

这已经在Chrome,Safari 5,FF 3.6和IE
6/7/8中进行了测试,但是我希望它可以在任何浏览器中运行,因为它应该是网络层,它可以杀死任何尝试的请求。

2020-05-10