javascript中常用的几种弹出窗口简单介绍
本章节简单介绍一下js中常用的几种内置弹出窗口出效果。
此文章比较适合于初学者,对于稍有竟然的人员来说可以果断略过。
一.警告窗口:
使用aelrt()方法可以弹出一个警告窗口。
此方法属于window对象,调用的时候window对象可以省略。
代码实例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>实例</title>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
alert("本站地址是实例3");
}
}
</script>
</head>
<body>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代码点击按钮可以弹出一个窗口,alert()参数就是警告窗口的内容。
二.确认窗口:
confirm()方法可以弹出一个确认窗口,根据点击按钮的不同,此方法可以返回true或者false。
此方法属于window对象,调用的时候window对象可以省略。
代码实例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>实例</title>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
if(confirm("确定要跳转到实例吗?")){
location.href="";
}
}
}
</script>
</head>
<body>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代码点击按钮可以弹出一个确认窗口,如果点击确定,那么方法就会返回true,否则返回false。
三.输入窗口:
prompt()方法可以弹出一个输入信息窗口。
具有两个参数,第一个参数是类似于标题文本信息,不可以被更改,第二个参数是要文本框的默认内容,可以被更改。
此方法属于window对象,调用的时候window对象可以省略。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>实例</title>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
var otxt=document.getElementById("txt");
obt.onclick=function(){
otxt.value=prompt("实例","输入网站地址");
}
}
</script>
</head>
<body>
<input type="text" id="txt"/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
相关推荐
-
nodeJS代码实现计算交社保代码实例
下面是一段比较实用的代码实例,是关于交社保的计算。代码实例如下:fuckShbo: function (rq, rs, nxt) { //每个月1800的社保 vr dy = (18
-
node.js [superAgent]请求简单代码实例
下面分享几个不同类型的nod.js [surgnt]请求代码片段。需要的朋友可以做一下参考,下面进入正题。一.ost请求:rqust.ost(/i/t).nd(functi
-
javascript实现的动态设置元素透明度代码实例
本章节分享一段代码实例,它实现了动态设置元素透明度的效果。并且能够兼容当前主流的浏览器包括低版本的I浏览器。代码实例如下: chrs
-
radio美化代码实例
rdio单选按钮默认状态下并不美观,但是我们可以通过其他途径将其美化。代码实例如下:
-
js重置form表单元素值代码实例
本章节分享一段代码实例,它实现了使用jvscrit重置form表单元素值得功能。代码实例如下: