如果我在正文标签的末尾放置脚本标签,我是否应该等待 DOMContentLoaded 事件
Should I wait for DOMContentLoaded event if I place a script tag at the end of a body tag
如果我在body
标签的末尾放置一个带有相应 JS 文件的 script
标签,我应该等待DOMContentLoaded
事件吗?
索引.html
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="popup.css">
</head>
<body>
<div id="container"></div>
<script src="popup.js"></script>
</body>
</html>
弹出窗口.js
document.addEventListener('DOMContentLoaded', onDOMContentLoaded);
基本上没有。如果脚本修改元素,它需要存在。
如果将脚本放在该元素之后,则它存在。
如果将其放在 Before,则它不存在,您可能希望使用 DOMContentLoaded 来等待脚本执行,直到确定它存在。
<div id="myid"></div>
<script>
getElementById('myid'); // it will work, Element myid Is defined
<script>
但是这个
<script>
getElementById('myid'); // it will fail, it's not yet defined, it will be
// Using DomContentLoaded here would be requrired
<script>
<div id="myid"></div>
<script></script>
标签用于允许在代码中使用客户端脚本。当浏览器获取HTML代码时,它首先下载所有脚本。如果它们不是动态加载的,例如标记为延迟或异步,它们将按顺序加载。内联脚本在首先加载外部脚本后加载。在异步模式下加载脚本时没有完美的顺序。
相关文章:
- 是否可以自动拉取“随机”;标签“;从一长串文本中提取
- 是否可以使用Chart.js缩短雷达图上的外部标签,而不影响其他标签
- 我是否应该在网站的每个页面上都包含 Google 地图脚本标签
- 如何使用 jquery 检查该值是否存在于带有标签的 select2 下拉列表中:true
- SEO机器人是否总是遵循A标签的href属性中的URL,即使点击/点击被Javascript拦截
- 是否有任何方法可以像HTML5<p>标签
- 检查标签是否存在
- jQuery:添加和删除<br>标签,这取决于窗口宽度以及标签是否已经存在
- MathJax是否可以仅在某个标签内转换LaTeX
- 如何检查标签是否有任何文本
- 如何 chk 如果 span 标签是否包含文本
- 如何检测标签是否具有特定类
- HTML 输入标签是否需要 ID 或名称
- 在没有类的JavaScript(不是jQuery)中切换display:none到all标签:是否可能?
- HTML标签是否与jQuery .on('hover',…)兼容?
- Jquery xml标签是否存在
- jQuery检查P标签是否包含给定id的a标签
- body标签是否可以保存multiply onload= setInterval()
- 在onclick上检测img标签是否在span内
- 如何使用javascript检查标签是否存在而不出现错误