javascript中alert用法是什么(2)-木庄网络博客

在这里插入图片描述

由效果图可见，本来应该被执行的p标签，并没有被执行。

这是因为用该方法使用alert，则alert以后的代码，最开始都不会被执行，只有在关闭警告框以后，才会执行后面的内容。

用这种方法最简单，但因不能同时执行alert后的代码，影响用户感官，不推荐使用。

第二种方式：写在body中的某个标签内部

代码如下：

<body>
        <!--将alert编写到onclick属性中，单击后，会弹出警告框-->
         <button onclick="alert('点，点什么点')">你点我一下</button><br /><br />
             
         <!--将alert写在超链接的href属性中，点击超链接，会弹出警告框-->
         <a href="javascript:alert('叫你别点，你非要点')">别点我</a><br />
          
          <p>你看我出不出来</p>
    </body>

实现效果图如下：

在这里插入图片描述

用这种方式，就不会存在第一种方式的问题，但是用这种方式，一个页面中，alert就可能会出现很多地方

不方便维护，也不推荐使用。

第三种方式：使用外部alert

外部alert代码如下：

1 2	`alert("这是外部alert");` `//重新创建一个js文件，专门用于写alert`

引用外部alert的代码如下：

<script type="text/javascript" src="alert.js">
        /*加入src="路径"，可以引入外部alert*/
            alert("这是一个警告框");
        </script>

实现效果图如下：

在这里插入图片描述

使用这种方式，需要记住外部alert的路径，才能进行引用

最好写在同一个文件夹下。

该方式，不会出现第一种方式的问题，不会影响用户观感，也易于维护

但使用该方式后，这一个scrip标签下的内部alert就不能执行了，只能重新写一个script

推荐使用这种方式。

【推荐学习：javascript高级教程】

以上就是javascript中alert用法是什么的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » javascript中alert用法是什么

javascript中alert用法是什么

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论