为啥弹窗可以连续弹出,而按钮内部文字不能连续改变

为啥弹窗可以连续弹出,而按钮内部文字不能连续改变

https://img1.sycdn.imooc.com//climg/62c6ca930978c54416020795.jpg

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>你好</button>

    <script>
        // DOM2级执行顺序
        var btnField = document.getElementsByTagName('button')[0];
        btnField.addEventListener('click', function () {
            btnField.innerHTML = '第一';
        }, false);
        btnField.addEventListener('click', function () {
            btnField.innerHTML = '第二';
        }, false);
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>你好</button>

    <script>
        // DOM2级执行顺序
        var btnField = document.getElementsByTagName('button')[0];
        btnField.addEventListener('click', function () {
            alert('第一');
        }, false);
        btnField.addEventListener('click', function () {
            alert('第二');
        }, false);
    </script>
</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,解答如下:

1、按钮文字改变的速度非常快,人眼几乎分辨不出来,所以看不到连续改变的过程。

2、弹框需要“人为关闭”,即第一个弹框要是不主动关闭,第二个弹框就不会出来,所以我们能看到两个弹框。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师