JavaScript弹出框
来源:互联网 发布:淘宝破损补寄 编辑:程序博客网 时间:2024/06/06 00:41
提到弹出框,首先想到的alert()了,其次想到的也还是alert(),其实在js中有三种弹出框,下面我们一一说明。
1,仅确定。
即:对话框界面上只有确定按钮。该功能可以使用alert()方法实现。
代码:
<script language="javascript"> //alert弹出框实例 alert("Hello Everyone!"); alert("Bye!");</script>
结果:
点击确定后:
总结:
1,js中每个alert()语句都会弹出一个对话框,不覆盖。
2,对话框是由浏览器产生的,js语句只是触发其发生而已。因此不同浏览器的弹出框样式会有所差别。
2,确定和取消
即:对话框界面上有确定和取消,用confirm()实现
代码:
<script language="javascript"> //confirm弹出框实例 confirm("confirm 弹出框"); </script>
结果:
这里需要注意:无论我们点击确定还是取消,弹出框都会关闭,不同的是我们点击确定,confirm()返回true,否则返回false。
下面我们用代码展示:
代码:
<script language="javascript"> //confirm弹出框实例 var conf=confirm("confirm 弹出框 请选择确定或取消"); //显示用户选择的confirm if(conf==true){ alert("您选择了:确定"); }else { alert("您选择了:取消") }</script>
结果:
点击确定后:
3,允许输入内容
界面显示文本框,用户可输入,用prompt()实现
代码:
<script language="javascript"> //prompt弹出框实例 var name=prompt("请输入您的名字:"); //弹出用户输入的信息; alert(name);</script>
结果:
点击确定后:
点击取消后:
三种样式的弹出框是最基本的,也是最简单的,根据不同情况选择使用哪种。
- 弹出消息框 javascript
- JavaScript-遮罩层-弹出框
- JavaScript 弹出框
- JavaScript弹出框
- javascript 弹出框
- JavaScript弹出框
- javascript弹出提示框
- javascript弹出框
- JavaScript 弹出框
- javascript弹出消息提示框
- JavaScript弹出提示选择框
- javascript弹出层输入框
- JavaScript模拟alert弹出框
- JavaScript模拟confirm弹出框
- javascript弹出层输入框
- 3种javascript弹出框
- JavaScript 弹出一个可移动的框
- JavaScript实现关闭网页弹出确认框
- ASP.NET基础之HttpModule学习
- STL学习小结
- git rebase / cherry-pick / merge
- Ubuntu/CentOS下如何将普通用户提升到root权限
- Qt自动生成moc文件
- JavaScript弹出框
- Java中List和ArrayList的区别
- spring framework源码下载并导入eclipse
- uva 10815
- width和height不包括内边距、边框或外边距
- Java 2, JDK 1.4
- NYOJ 277题 车牌号
- Eclipse开发auto之dao层自动gen生成
- 【HDOJ】1164 -> Eddy's research I