a標籤的默認事件和腳本事件的執行順序

時間 2019-12-05

標籤標籤默認事件腳本執行順序简体版

原文原文鏈接

最近看到朋友圈的一位朋友圈發了一個技術的段子，朋友圈的大概內容已被友人刪掉，找不回原圖，段子大概以下：javascript

<a href="javascript:alert('已清除');">清空</a>

底下的評論都在開噴說，那是他們看過最屌的代碼，嘲笑說公司外包人員寫的代碼的質量。java

因而我在想，那麼這段代碼和腳本代碼結合起來到底有沒有效果呢？我本身作了個demo實驗了一下。跨域

<body>

    <a href="javascript:console.log('5');" id="app">click</a>


    <script>
        var a = document.getElementById('app');

        a.onclick = function (e) {
            console.log('1');
            console.log('2');
            
            window.fetch('/demo.js').then(function (res) {

            },function(err){
                alert('4');
            });
            console.log('3');
        }

    </script>
</body>

好了，這些log能夠很好的幫助咱們看看腳本的監聽click事件和href裏的事件執行順序是如何的。app