a标签的默认事件和脚本事件的执行顺序

最新推荐文章于 2024-07-26 16:58:01 发布

weixin_34187822

最新推荐文章于 2024-07-26 16:58:01 发布

阅读量209

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000010123020

版权

最近看到朋友圈的一位朋友圈发了一个技术的段子，朋友圈的大概内容已被友人删掉，找不回原图，段子大概如下：

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

底下的评论都在开喷说，那是他们看过最屌的代码，嘲笑说公司外包人员写的代码的质量。

于是我在想，那么这段代码和脚本代码结合起来到底有没有效果呢？我自己做了个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里的事件执行顺序是如何的。