首页 > 代码库 > js本身实现的弹出框
js本身实现的弹出框
一:js现有的弹出框
1.alert(message)
message为要在弹出框内显示的纯文本;
<html> <script> function show_alert() { alert('hello'); } </script> <body> <tr><td><input type=button id=btn1 name=btn1 value=http://www.mamicode.com/alert onclick=show_alert();>>2.确定提示框confirm
confirm(message)
message为要在提示框上显示的纯文本(不是HTML文本)
<html> <script> function show_confirm() { if(confirm('Are you sure ?')) alert('yes'); else alert('no'); } </script> <body> <tr><td><input type=button id=btn2 name=btn2 value=http://www.mamicode.com/confim onclick=show_confirm();>>
点击确定或回弹出以下对话框
如果点击取消,则弹出显示no的对话框
3.输入提示框prompt
prompt(text,defaultText)
text为在输入框上面显示的纯文本,defauleText为输入框中默认显示的内容;这两个参数都是可选的。
<html> <script> function show_input() { var city=prompt('请输入您的省市','山东'); if(city!=null && city!='') { var str= city + '是个好地方'; alert(str); } } </script> <body> <tr><td><input type=button id=btn3 name=btn3 value=http://www.mamicode.com/prompt onclick=show_input();>>
山东市默认的defaultTex,如果不选择这个参数的话,文本框中为空;
点击确定后,会弹出另一个对话框:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。