資訊專欄INFORMATION COLUMN
摘要：于是我在想，那么這段代碼和腳本代碼結合起來到底有沒有效果呢我自己做了個實驗了一下。好了，這些可以很好的幫助我們看看腳本的監聽事件和里的事件執行順序是如何的。
最近看到朋友圈的一位朋友圈發了一個技術的段子，朋友圈的大概內容已被友人刪掉，找不回原圖，段子大概如下：
清空
底下的評論都在開噴說，那是他們看過最屌的代碼，嘲笑說公司外包人員寫的代碼的質量。
于是我在想，那么這段代碼和腳本代碼結合起來到底有沒有效果呢？我自己做了個demo實驗了一下。
click
好了，這些log可以很好的幫助我們看看腳本的監聽click事件和href里的事件執行順序是如何的。
第一步：三個console.log(),是同步事件
第二步：fetch是一個異步事件，由于跨域問題，直接打印失敗的代碼log（‘4’）
第三步：在fetch這個異步里面，故意alert一個阻塞住它
第四步：最后執行默認的事件
最后控制臺輸出如下：
所以就算是在href中直接寫默認事件是如何執行的，并不一定是假彈窗在朋友圈例子中，有可能在腳本里面執行了其他代碼，最后才執行默認事件。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/83948.html
摘要：瀏覽器推遲事件直到所有的腳本都處于狀態。解析器將處理執行這個腳本。創建這個腳本的解析器的文檔有正在阻塞腳本執行腳本元素為等待解析阻塞的腳本的狀態，同一時刻只能有一個這樣的腳本存在。解析器將一個或多個字符轉換為表并處理，這個過程是一個典型的。 前言 本文主要對W3C規范中關于script標簽和event loop相關的篇幅做了簡單的探討，針對一些必要的相關概念進行了適當的標注和說明。雖然...
摘要：瀏覽器推遲事件直到所有的腳本都處于狀態。解析器將處理執行這個腳本。創建這個腳本的解析器的文檔有正在阻塞腳本執行腳本元素為等待解析阻塞的腳本的狀態，同一時刻只能有一個這樣的腳本存在。解析器將一個或多個字符轉換為表并處理，這個過程是一個典型的。 前言 本文主要對W3C規范中關于script標簽和event loop相關的篇幅做了簡單的探討，針對一些必要的相關概念進行了適當的標注和說明。雖然...
摘要：搜索引擎中有一個爬蟲模塊，在頁面中使用諸如等強調式的標簽，有利于，說白了就是有利于被搜索到。定位相對定位不影響元素本身特性不使元素脫離文檔流。定時器如果是由事件控制的，要先關再開，避免多次觸發而混亂。 CSS篇 注意：css注釋使用/ /，而不是或者//，否則很容易導致不明錯誤?。?！ div padding：內邊距。盒子內容與盒子邊框的距離設置，相當于給盒子加了厚度，使用此屬性后會改...
摘要：搜索引擎中有一個爬蟲模塊，在頁面中使用諸如等強調式的標簽，有利于，說白了就是有利于被搜索到。定位相對定位不影響元素本身特性不使元素脫離文檔流。定時器如果是由事件控制的，要先關再開，避免多次觸發而混亂。 CSS篇 注意：css注釋使用/ /，而不是或者//，否則很容易導致不明錯誤?。?！ div padding：內邊距。盒子內容與盒子邊框的距離設置，相當于給盒子加了厚度，使用此屬性后會改...
閱讀 2603·2021-11-18 10:02
閱讀 2636·2021-11-15 11:38
閱讀 3711·2021-11-12 10:36
閱讀 706·2021-11-12 10:34
閱讀 2897·2021-10-21 09:38
閱讀 1492·2021-09-29 09:48
閱讀 1504·2021-09-29 09:34
閱讀 1098·2021-09-22 10:02
