关于script中defer属性的疑问

老师您好课程中是首先蹦出这个defer.js 文件alert框中的内容

可是课程中的关于defer属性解释我看不懂了课程中这段话说首先加载然后执行，可是我明明看到的却是首先实行defer 然后再加载完成页面，这样我就不懂了，是不是我对页面加载这几个词的含义出现了错误？

WittChen 2020-04-18

源自：HTML5属性变化 4-1 链接标签属性

18

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2020-04-19 09:55:27

同学你好，页面还未输出就被alert给阻断了，理解的没有问题。在页面中输出内容以及alert弹框的话，看到的会先是弹框，然后页面中显示内容。

祝学习愉快！

好帮手慕码 2020-04-18 17:28:03

同学你好，是alert弹框的问题，会阻断页面中的输出。如下情况中：

defer是页面加载完成后就会执行js文件，因为defer.js文件中是弹框，阻断页面输出，所以还是先弹框。async是异步执行的，所以需要等到页面输出之后才会执行。最终的效果也就是先弹出defer，页面输出，最后弹出async。

同学可以再理解一下。祝学习愉快~

提问者 WittChen #1

老师你好，还是这个问题，我可以理解成为页面还未输出就被alert给阻断了，是这个意思吗？因为不熟悉JavaScript的语法，本来想写一个sleep试验下让defer.js暂停5秒输出alert,看看网页会不会输出主体内容，但是JavaScript写暂停的函数不是sleep,也就没试验了

2020-04-18 21:16:15

相似问题

<input>email的问题以及<script>defer/async属性的问题

关于defer和async在实际中的应用问题

关于只写属性的应用

关于类中的属性

关于实例化后的属性

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载