知方号

知方号

JS中alert的三种使用方式<页面引入js三种方式>

JS中alert的三种使用方式

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

第一种方式:直接写在script标签中

代码如下:

alert("这是一个警告框");

你看我出不出来

实现效果如下:

由效果图可见,本来应该被执行的p标签,并没有被执行。 这是因为用该方法使用alert,则alert以后的代码,最开始都不会被执行, 只有在关闭警告框以后,才会执行后面的内容。 用这种方法最简单,但因不能同时执行alert后的代码,影响用户感官,不推荐使用。

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

代码如下:

你点我一下 别点我

你看我出不出来

实现效果图如下:

用这种方式,就不会存在第一种方式的问题, 但是用这种方式,一个页面中,alert就可能会出现很多地方 不方便维护,也不推荐使用。

第三种方式:使用外部alert 外部alert代码如下:

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

引用外部alert的代码如下:

/*加入src="路径",可以引入外部alert*/alert("这是一个警告框");

实现效果图如下:

使用这种方式,需要记住外部alert的路径,才能进行引用 最好写在同一个文件夹下。 该方式,不会出现第一种方式的问题,不会影响用户观感,也易于维护 但使用该方式后,这一个scrip标签下的内部alert就不能执行了,只能重新写一个script 推荐使用这种方式。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。