javaScript弹窗
2015-11-17 17:01
483 查看
(1)警告框
模态对话框,只有关闭了才能继续操作
(2)确认框
可以点击确定或取消。点击确定返回true,否则返回false
(3)提示框
1. 用于提示用户在进入页面前输入某个值
2.当提示框出现后,用户需要输入某个值,然后点击确认或取消才能继续操作
3.点击确认,返回输入的值;点击取消,返回null
模态对话框,只有关闭了才能继续操作
<!DOCTYPE html> <html> <head> <script> function myFunction() { alert("I am an alert box!"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="Show alert box"> </body> </html>
(2)确认框
可以点击确定或取消。点击确定返回true,否则返回false
<!DOCTYPE html> <html> <body> <p>Click the button to display a confirm box.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x; var r=confirm("Press a button!"); if (r==true) { x="You pressed OK!"; } else { x="You pressed Cancel!"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
(3)提示框
1. 用于提示用户在进入页面前输入某个值
2.当提示框出现后,用户需要输入某个值,然后点击确认或取消才能继续操作
3.点击确认,返回输入的值;点击取消,返回null
<!DOCTYPE html> <html> <body> <p>点击按钮查看输入的对话框。</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script> function myFunction() { var x; var person=prompt("请输入你的名字","Harry Potter"); if (person!=null) { x="你好 " + person + "! 今天感觉如何?"; document.getElementById("demo").innerHTML=x; } } </script> </body> </html>
相关文章推荐
- javascript下拉列表中显示树形菜单的实现方法
- 封装常用的js(Base.js)——【01】理解库,获取节点,连缀,
- JS封装cookie操作函数实例(设置、读取、删除)
- javaScript navigator对象
- 我自己的Javascript 库,封装了一些常用函数 Kingwell.js
- 在jsp页面获取项目名称
- javaScript history对象
- ETL kettle 数据转成json 发送POST请求
- js操作cookie
- JSP WEB相关文章
- javaScript location对象
- javaScript window对象
- 生成json文件
- js 定义function不限制参数
- 学习js所必须要知道的一些
- js全局变量跟浏览器插件冲突
- JavaScript基础学习
- JS实现选项卡实例详解
- ExtJS4.2学习(18)时间控件(转)
- JS给某一个节点的子节点全部绑定事件