首页 > 代码库 > js的延迟脚本----defer与异步脚本----async
js的延迟脚本----defer与异步脚本----async
延迟脚本----defer:
一般而言,js的引入<script></script>被放在body的结束符之前,这主要是为了让页面的所有节点被加载完了之后在执行js代码,防止js获取dom节点失败的情况出现。
如果你一定要将<script></script>放在head中,又担心无法获取到dom节点的话,可以如以下代码形式定义延迟脚本defer:
<script type="text/javascript" defer="defer" src="http://www.mamicode.com/js/hom.js" ></script>
defer的作用在于将脚本延迟到整个页面都解析完毕之后再运行。等同于告诉浏览器立即下载js脚本,但延迟执行。同时defer=“defer”定义的js脚本也会按照它们出现的先后顺序执行。
ps:defer只对外部脚本文件起作用
异步脚本----async:
<script type="text/javascript" async="async" src="http://www.mamicode.com/js/hom.js" ></script>
异步脚本的作用与延迟脚本相对一致,同样将脚本延迟到整个页面都解析完毕之后再运行,也只对外部脚本文件起作用。唯一区别在于,标记为async的脚本并不保证按照它们的先后顺序执行(随机?)
js的延迟脚本----defer与异步脚本----async
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。