script元素中defer推迟脚本执行

qiao_quite

于 2019-05-08 18:46:25 发布

阅读量639

点赞数

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_38746118/article/details/89967471

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

defer属性是在告诉浏览器要等整个页面载入之后，解析完毕才执行该<script…/>元素的脚本

没有defer的时候

<! DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js执行时机</title>
	<script src="js/3.js" type="text/javascript" >
	</script>
	
</head>
<body >
	<div id="target"></div>
</body>

js文件代码

var tg= document.getElementById("target");
tg.innerHTML = "sdjfls";
tg.style.backgroundColor = "#aab";

浏览器错误提示
在这里插入图片描述

加入defer后
不在报错，正常显示出css中的样式

<script src="js/3.js" type="text/javascript"  defer>

在这里插入图片描述

defer属性会告诉浏览器必须等整个界面载入之后，解析完毕才执行该<script…/>元素中的脚本，因此只要加入defer即可

qiao_quite

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
script元素中defer推迟脚本执行

defer属性是在告诉浏览器要等整个页面载入之后，解析完毕才执行该<script…/>元素的脚本没有defer的时候<! DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t...
复制链接

扫一扫

专栏目录