javascript / jquery – $(document).ready()和脚本位置

前端之家收集整理的这篇文章主要介绍了javascript / jquery – $(document).ready()和脚本位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道$(document).ready()是如何工作的,以及一般的脚本.假设我有脚本位于页面底部(出于性能原因,我被告知?).举个例子:假设你有一个链接,你需要阻止它的默认动作(preventDefault()).如果脚本位于页面底部,用户是否可以在浏览器知道不关注链接之前看到该页面并单击该链接

解决方法

“head”部分中的脚本在脚本标记加载到浏览器中时(即在主体之前)进行评估.文档末尾的脚本标记也会在浏览器在解析页面时遇到它们时执行 – 因此在“文档就绪”事件之前也是如此.加载整个页面时会触发’document ready’事件 – 即当浏览器解析’< / html>‘时结束标签.

所以,是的,如果加载并执行禁用文档末尾链接的脚本需要一段时间,则用户可以同时单击链接.

一种选择是反向操作 – 即加载禁用链接页面,并让你的javascript启用它们.或者,在顶部的脚本中使用“live”或“delegate”(在加载jquery之后),以便链接在创建时受到影响.

看看here有关浏览器如何处理动态加载的脚本的一些复杂性.

原文链接:https://www.f2er.com/jquery/157982.html

猜你在找的jQuery相关文章