(相关资料图)

JavaScript中alert的三种使用方式

工具/原料

• visual studio code代码编辑器 版本1.53.2
• Goole浏览器 版本 85.0.4183.121（正式版本） （64 位）

方法/步骤

1. 1

   JS中的alert，作用是在浏览器中弹出一个警告框，而使用alert时有三种方式，不同的方式，所呈现的效果也不相同。

2. 2

   第一种方式：直接写在script标签中，代码如下：

3. 3

   打开Goole浏览器查看效果，可以看到浏览器只有这个弹出窗，没有 显示 p标签的内容。这是因为用该方法使用alert，则alert以后的代码，最开始都不会被执行，只有在关闭警告框以后，才会执行后面的内容。用这种方法最简单，但因不能同时执行alert后的代码，影响用户感官，不推荐使用。

4. 4

   第二种方式：写在body标签内部，代码如下：

5. 5

   打开Goole浏览器查看效果，点击按钮即可弹出弹窗。用这种方式，就不会存在第一种方式的问题，但是用这种方式，一个页面中，alert就可能会出现很多地不方便维护，也不推荐使用。

6. 6

   第三种方式：使用外部aler，代码如下：

7. 7

   Goole浏览器刷新页面，效果如下。使用这种方式，需要记住外部alert的路径，才能进行引用最好写在同一个文件夹下。该方式，不会出现第一种方式的问题，不会影响用户观感，也易于维护

   END