javascript中常用的几种弹出窗口简单介绍
分类：实例代码
本章节简单介绍一下js中常用的几种内置弹出窗口出效果。
此文章比较适合于初学者，对于稍有竟然的人员来说可以果断略过。
一.警告窗口:
使用aelrt()方法可以弹出一个警告窗口。
此方法属于window对象，调用的时候window对象可以省略。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
alert("本站地址是pipipi.net");
}
}
</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="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
if(confirm("确定要跳转到前端教程网吗？")){
location.href="http://www.pipipi.net";
}
}
}
</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="http://www.pipipi.net/" />
<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>
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu