js如何阻止图片的其他资源的加载(DOMContentLoaded)
栏目: JavaScript · 发布时间: 5年前
内容简介：js中使用可以看到的显示的
js中使用 DOMContentLoaded 事件，可以阻止图片等资源的加载，因为 DOMContentLoaded 事件只在加载图片资源之前执行的。下面给出一个测试的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
//window.addEventListener('DOMContentLoaded', function (event) {
//document.addEventListener('DOMContentLoaded', function (event) {
addEventListener('DOMContentLoaded', function (event) {
var myimg = document.getElementById('myimg');
myimg.src='https://www.baidu.com/img/bd_logo1.png';
});
</script>
</head>
<body>
<img src='file_not_exists.jpg' id='myimg' />
</body>
</html>
执行这段代码，可以看到两点
1. 最终显示的是图片是bd_logo1.png
2. 图片 file_not_exists.jpg 是被阻止加载了。
通过浏览器看看最终的执行
可以看到的显示的 (canceled) 。表示取消的对原图的加载。
当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。另一个不同的事件 load 应该仅用于检测一个完全加载的页面。 在使用 DOMContentLoaded 更加合适的情况下使用 load 是一个令人难以置信的流行的错误，所以要谨慎。注意：DOMContentLoaded 事件必须等待其所属script之前的样式表加载解析完成才会触发。
了解更多
以上所述就是小编给大家介绍的《js如何阻止图片的其他资源的加载(DOMContentLoaded)》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- 跟随 Chrome，Firefox 将阻止加载大多数 FTP 资源
- 为节省内存，Firefox 将用新方式阻止加载没用到的标签页
- 阻止某个 NuGet 包意外升级
- 阻止恶意SSL通信六要点
- ios – 阻止递归和打破保留周期
- 如何阻止别人非法链接你网站的图片？
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
The Sovereign Individual
James Dale Davidson、William Rees-Mogg / Free Press / 1999-08-26 / USD 16.00
Two renowned investment advisors and authors of the bestseller The Great Reckoning bring to light both currents of disaster and the potential for prosperity and renewal in the face of radical changes ......一起来看看 《The Sovereign Individual》 这本书的介绍吧!
