js如何阻止图片的其他资源的加载(DOMContentLoaded)
栏目: JavaScript · 发布时间: 6年前
内容简介：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 – 阻止递归和打破保留周期
- 如何阻止别人非法链接你网站的图片？
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
网络多人游戏架构与编程
格雷泽 (Joshua Glazer)、马达夫 (Sanjay Madhav) / 王晓慧、张国鑫 / 人民邮电出版社 / 2017-10-1 / CNY 109.00
本书是一本深入探讨关于网络多人游戏编程的图书。 全书分为13章，从网络游戏的基本概念、互联网、伯克利套接字、对象序列化、对象复制、网络拓扑和游戏案例、延迟、抖动和可靠性、改进的延迟处理、可扩展性、安全性、真实世界的引擎、玩家服务、云托管专用服务器等方面深入介绍了网络多人游戏开发的知识，既全面又详尽地剖析了众多核心概念。 本书的多数示例基于C++编写，适合对C++有一定了解的读者阅读。本......一起来看看 《网络多人游戏架构与编程》 这本书的介绍吧!
