温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript中alert怎么用

发布时间:2021-06-15 11:11:05 来源:亿速云 阅读:220 作者:小新 栏目:web开发

这篇文章给大家分享的是有关javascript中alert怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

在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>

实现效果如下:

javascript中alert怎么用

由效果图可见,本来应该被执行的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>

实现效果图如下:

javascript中alert怎么用

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

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

第三种方式:使用外部alert

外部alert代码如下:

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

引用外部alert的代码如下:

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

实现效果图如下:

javascript中alert怎么用

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

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

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

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

推荐使用这种方式。

感谢各位的阅读!关于“javascript中alert怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI