html5_延迟(defer)脚本与异步(async)脚本

2021-09-10 14:12

阅读:682

标签:mnt   时间   元素   根据   执行   包含   rip   文件   round   延迟脚本: 诸如以下的html文档: Doctype html> 延迟脚本   其中包含的javascript代码为: var tg=docuemnt.getElementById("target"); tg.innerHTML="XX"; tg.style.backgroundColor="gery";   以前的浏览器对文档进行解析时,当解析到元素时,浏览器会做两件事: 1.停止继续解析,转而根据元素的src属性下载对应的js脚本文。。 2.解析执行脚本文件。   当浏览器解析执行脚本文件时,文档内并没有id为”traget“的元素,也因此这段代码是错误的。   解决上述问题的传统做法是将写在内部的最后面。 而延迟脚本的作用则是与之相同,即在文档页面没有完全解析之前,不对元素进行解析。 延迟脚本如下:   异步脚本: 当脚本解析占用太多时间时,将脚本设置为异步脚本,浏览器会对脚本解析启动新线程,使得脚本解析与文档解析可以同步进行。它的作用是避免处理脚本时间过长导致页面长时间空白。 html文档: Doctype html> XX   js代码: for(let i=0;i


评论


亲,登录后才可以留言!