首页前端开发JavaScriptjavascript中alert用法是什么

javascript中alert用法是什么

时间2024-01-29 20:01:03发布访客分类JavaScript浏览744
导读:收集整理的这篇文章主要介绍了javascript中alert用法是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。在javascript中,alert的用法是“alert(在对话框中显示的纯文本 ”。alert方法用于显示带有一条指定...
收集整理的这篇文章主要介绍了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>
    

实现效果如下:

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

以上就是javascript中alert用法是什么的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: javascript中init方法怎么用下一篇:javascript怎么判断是否是字符猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: javascript中alert用法是什么
本文地址: https://pptw.com/jishu/591533.html
JavaScript自我管理是什么 javascript中init方法怎么用

游客 回复需填写必要信息