资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript中常见的3种信息提示框(alert,prompt,confirm)
1.警告提示框
alert（"文本"）。
ex.
<html> <head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20disp_alert()%20%0D%0A%7B%20%0D%0Aalert(%22%E6%88%91%E6%98%AF%E8%AD%A6%E5%91%8A%E6%A1%86%EF%BC%81%EF%BC%81%22%2B'%5Cn'%2B%22hhah%22)%2F%2F%E6%9C%89%E6%8A%98%E8%A1%8C%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <input type="button" onclick="disp_alert()" value="显示警告框" /> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
2.确认提示框（confirm，返回true或者false）
<html> <head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20show_confirm()%20%0D%0A%7B%20%0D%0Avar%20r%3Dconfirm(%22Press%20a%20button!%22)%3B%20%0D%0Aif%20(r%3D%3Dtrue)%20%0D%0A%7B%20%0D%0Aalert(%22You%20pressed%20OK!%22)%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Aalert(%22You%20pressed%20Cancel!%22)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <input type="button" onclick="show_confirm()" value="Show a confirm box" /> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
3.提示框（prompt返回文本框的文本）
<html> <head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20disp_prompt()%20%0D%0A%7B%20%0D%0Avar%20name%3Dprompt(%22%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E5%90%8D%E5%AD%97%22%2C%22Bill%20Gates%22)%20%0D%0Aif%20(name!%3Dnull%20%26%26%20name!%3D%22%22)%20%0D%0A%7B%20%0D%0Adocument.write(%22%E4%BD%A0%E5%A5%BD%EF%BC%81%22%20%2B%20name%20%2B%20%22%20%E4%BB%8A%E5%A4%A9%E8%BF%87%E5%BE%97%E6%80%8E%E4%B9%88%E6%A0%B7%EF%BC%9F%22)%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <input type="button" onclick="disp_prompt()" value="显示提示框" /> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程