Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否仍然可以使用CSS/JS显示损坏的图像(链接)图标?_Javascript_Css_Image - Fatal编程技术网

Javascript 是否仍然可以使用CSS/JS显示损坏的图像(链接)图标?

Javascript 是否仍然可以使用CSS/JS显示损坏的图像(链接)图标?,javascript,css,image,Javascript,Css,Image,我想为页面上的某些对象显示断开的图像链接图标。我假设,由于大多数浏览器都有自己的方式来显示链接已断开,所以它可能是可以调用的本地链接?是否有强制使用JS/CSS显示的方法 参考: 澄清: 我知道我可以在div上覆盖一个带有损坏src的标记,但我正在寻找一个CSS/JS解决方案 样本: <div id="someid" style="background-image:url('someurlthatdoesntexist')" </div> 纯HTML <img s

我想为页面上的某些对象显示断开的图像链接图标。我假设,由于大多数浏览器都有自己的方式来显示链接已断开,所以它可能是可以调用的本地链接?是否有强制使用JS/CSS显示的方法

参考:

澄清: 我知道我可以在div上覆盖一个带有损坏src的标记,但我正在寻找一个CSS/JS解决方案

样本:

<div id="someid" style="background-image:url('someurlthatdoesntexist')"
</div>
纯HTML

  <img src="idontexist.jpg"/>
使用dataURI为自己节省一个GET

JavaScript

var img = new Image(); // or document.createElement('img');
img.src = 'data:image/jpg,'; // data URI that will produce error
document.body.appendChild(img); // and append, for example
HTML


为什么一开始会破坏图像或链接。与其寻找机制来掩盖损坏的内容,不如修复它好吗?img标记的onerror属性可以帮助您设置自定义图像,这在浏览器中是统一的。@学习者他不是在试图掩盖损坏的内容。他想让一些正常的东西看起来像是断开的链接。不知道为什么。啊,我明白了。但是奇怪的要求。alt标签对你有帮助吗?alt=你的坏短信?我知道它可以用HTML格式写下来,但我希望CSS/JS解决方案能够动态地执行此操作,而不是向我的DOM中添加新元素。在不添加元素的情况下如何显示它?这是我最初看到的:请注意,如果文档中已经有一个损坏的IMG元素,则您的链接仅显示图标。这只是一个示例。我想知道是否有一个CSS/JS的方式来显示浏览器的默认损坏的图像图标在我的判断。无论如何,我会把这个问题留一点时间,如果我没有得到任何回答,我会在接受的位置标记你的问题。我确实喜欢使用数据URI!
<img src="data:image/jpg," />