JavaScript中alert用法具体是怎样的？
- 内容介绍
- 文章标签
- 相关推荐
本文共计947个文字，预计阅读时间需要4分钟。
在JavaScript中，`alert`的用法是`alert(在对话框中显示的纯文本)`。`alert`方法用于显示带有一条指定消息和一个OK按钮的警告框，可以向用户显示信息，也可以用于调试程序。
在javascript中，alert的用法是“alert(在对话框中显示的纯文本)”。alert方法用于显示带有一条指定消息和一个OK按钮的警告框，可以用来向用户警示信息，也可以用来调试程序。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
语法
alert(message)
message是指要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
实例：
<html> <head> <script type="text/javascript"> function disp_alert() { alert("我是一个消息框！") } </script> </head> <body> <input type="button" onclick="disp_alert()" value="显示消息框" /> </body> </html>
JS中的alert，作用是在浏览器中弹出一个警告框。
而使用alert，有三种方式，不同的方式，所呈现的效果也不相同。
第一种方式：直接写在script标签中
代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> alert("这是一个警告框"); </script> </head> <body> <p>你看我出不出来</p>； </body> </html>
实现效果如下：
由效果图可见，本来应该被执行的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代码如下：
alert("这是外部alert"); //重新创建一个js文件，专门用于写alert
引用外部alert的代码如下：
<script type="text/javascript" src="alert.js"> /*加入src="路径"，可以引入外部alert*/ alert("这是一个警告框"); </script>
实现效果图如下：
使用这种方式，需要记住外部alert的路径，才能进行引用
最好写在同一个文件夹下。
该方式，不会出现第一种方式的问题，不会影响用户观感，也易于维护
但使用该方式后，这一个scrip标签下的内部alert就不能执行了，只能重新写一个script
推荐使用这种方式。
以上就是javascript中alert用法是什么的详细内容，更多请关注自由互联其它相关文章！
本文共计947个文字，预计阅读时间需要4分钟。
在JavaScript中，`alert`的用法是`alert(在对话框中显示的纯文本)`。`alert`方法用于显示带有一条指定消息和一个OK按钮的警告框，可以向用户显示信息，也可以用于调试程序。
在javascript中，alert的用法是“alert(在对话框中显示的纯文本)”。alert方法用于显示带有一条指定消息和一个OK按钮的警告框，可以用来向用户警示信息，也可以用来调试程序。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
语法
alert(message)
message是指要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
实例：
<html> <head> <script type="text/javascript"> function disp_alert() { alert("我是一个消息框！") } </script> </head> <body> <input type="button" onclick="disp_alert()" value="显示消息框" /> </body> </html>
JS中的alert，作用是在浏览器中弹出一个警告框。
而使用alert，有三种方式，不同的方式，所呈现的效果也不相同。
第一种方式：直接写在script标签中
代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> alert("这是一个警告框"); </script> </head> <body> <p>你看我出不出来</p>； </body> </html>
实现效果如下：
由效果图可见，本来应该被执行的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代码如下：
alert("这是外部alert"); //重新创建一个js文件，专门用于写alert
引用外部alert的代码如下：
<script type="text/javascript" src="alert.js"> /*加入src="路径"，可以引入外部alert*/ alert("这是一个警告框"); </script>
实现效果图如下：
使用这种方式，需要记住外部alert的路径，才能进行引用
最好写在同一个文件夹下。
该方式，不会出现第一种方式的问题，不会影响用户观感，也易于维护
但使用该方式后，这一个scrip标签下的内部alert就不能执行了，只能重新写一个script
推荐使用这种方式。
以上就是javascript中alert用法是什么的详细内容，更多请关注自由互联其它相关文章！