摘要：于是我在想，那么这段代码和脚本代码结合起来到底有没有效果呢我自己做了个实验了一下。好了，这些可以很好的帮助我们看看脚本的监听事件和里的事件执行顺序是如何的。
最近看到朋友圈的一位朋友圈发了一个技术的段子，朋友圈的大概内容已被友人删掉，找不回原图，段子大概如下：
清空
底下的评论都在开喷说，那是他们看过最屌的代码，嘲笑说公司外包人员写的代码的质量。
于是我在想，那么这段代码和脚本代码结合起来到底有没有效果呢？我自己做了个demo实验了一下。
click
好了，这些log可以很好的帮助我们看看脚本的监听click事件和href里的事件执行顺序是如何的。
第一步：三个console.log(),是同步事件
第二步：fetch是一个异步事件，由于跨域问题，直接打印失败的代码log（‘4’）
第三步：在fetch这个异步里面，故意alert一个阻塞住它
第四步：最后执行默认的事件
最后控制台输出如下：
所以就算是在href中直接写默认事件是如何执行的，并不一定是假弹窗在朋友圈例子中，有可能在脚本里面执行了其他代码，最后才执行默认事件。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/83948.html
摘要：浏览器推迟事件直到所有的脚本都处于状态。解析器将处理执行这个脚本。创建这个脚本的解析器的文档有正在阻塞脚本执行脚本元素为等待解析阻塞的脚本的状态，同一时刻只能有一个这样的脚本存在。解析器将一个或多个字符转换为表并处理，这个过程是一个典型的。 前言 本文主要对W3C规范中关于script标签和event loop相关的篇幅做了简单的探讨，针对一些必要的相关概念进行了适当的标注和说明。虽然...
摘要：浏览器推迟事件直到所有的脚本都处于状态。解析器将处理执行这个脚本。创建这个脚本的解析器的文档有正在阻塞脚本执行脚本元素为等待解析阻塞的脚本的状态，同一时刻只能有一个这样的脚本存在。解析器将一个或多个字符转换为表并处理，这个过程是一个典型的。 前言 本文主要对W3C规范中关于script标签和event loop相关的篇幅做了简单的探讨，针对一些必要的相关概念进行了适当的标注和说明。虽然...
摘要：搜索引擎中有一个爬虫模块，在页面中使用诸如等强调式的标签，有利于，说白了就是有利于被搜索到。定位相对定位不影响元素本身特性不使元素脱离文档流。定时器如果是由事件控制的，要先关再开，避免多次触发而混乱。 CSS篇 注意：css注释使用/ /，而不是或者//，否则很容易导致不明错误！！！ div padding：内边距。盒子内容与盒子边框的距离设置，相当于给盒子加了厚度，使用此属性后会改...
摘要：搜索引擎中有一个爬虫模块，在页面中使用诸如等强调式的标签，有利于，说白了就是有利于被搜索到。定位相对定位不影响元素本身特性不使元素脱离文档流。定时器如果是由事件控制的，要先关再开，避免多次触发而混乱。 CSS篇 注意：css注释使用/ /，而不是或者//，否则很容易导致不明错误！！！ div padding：内边距。盒子内容与盒子边框的距离设置，相当于给盒子加了厚度，使用此属性后会改...
阅读 2572·2021-11-18 10:02
阅读 2587·2021-11-15 11:38
阅读 3671·2021-11-12 10:36
阅读 676·2021-11-12 10:34
阅读 2874·2021-10-21 09:38
阅读 1429·2021-09-29 09:48
阅读 1455·2021-09-29 09:34
阅读 1067·2021-09-22 10:02
