js弹出框、对话框、提示框、弹窗总结

一、JS的三种最常见的对话框

[javascript

  1. //====================== JS最常用三种弹出对话框 ========================
  2. //弹出对话框并输出一段提示信息
  3. function ale() {
  4. //弹出一个对话框
  5. alert(“提示信息!”);
  6. }
  7. //弹出一个询问框,有确定和取消按钮
  8. function firm() {
  9. //利用对话框返回的值 (true 或者 false)
  10. if (confirm(“你确定提交吗?”)) {
  11. alert(“点击了确定”);
  12. }
  13. else {
  14. alert(“点击了取消”);
  15. }
  16. }
  17. //弹出一个输入框,输入一段文字,可以提交
  18. function prom() {
  19. var name = prompt(“请输入您的名字”, “”); //将输入的内容赋给变量 name ,
  20. //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
  21. if (name)//如果返回的有内容
  22. {
  23. alert(“欢迎您:” + name)
  24. }
  25. }

二、点击按钮时常用的6中提示框和操作

[html]

  1. type=“button” name=“btn2” id=“btn2” value=“删除” οnclick=”return confirm(‘Yes/No’););
  2. type=“button” name=“btn2” id=“btn2” value=“提示” οnclick=”javaScript:alert(‘您确定要删除吗?’);
  3. type=“button” value=“提交” οnclick=“javaScript:window.location.href=’http://www.baidu.com’;”/>
  4. type=“button” value=“关闭” οnclick=“javaScript:window.close();”>
  5. href=“#” οnclick=“javascript:;window.opener.location.reload();window.close()”>返回
  6. javaScript:window.location.reload();//返回当前页并刷新
  7. type=“button” name=“button” value=“< 返回” οnclick=“javascript:history.go(-1)”/>

三、弹出独立窗口

[javascript]

  1. //关闭,父窗口弹出对话框,子窗口直接关闭
  2. this.Response.Write(“”);
  3. //关闭,父窗口和子窗口都不弹出对话框,直接关闭
  4. this.Response.Write(“”);
  5. //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有
  6. this.Response.Write(“”);
  7. //弹出窗口刷新当前页面
  8. this.Response.Write(“”);
  9. this.Response.Write(“”);
  10. //弹出提示窗口跳到webform2.aspx页(在一个IE窗口中)
  11. this.Response.Write(” “);
  12. //关闭当前子窗口,刷新父窗口
  13. this.Response.Write(“”);
  14. this.Response.Write(“”);
  15. //子窗口刷新父窗口
  16. this.Response.Write(“”);
  17. this.Response.Write(“”);
  18. //弹出提示窗口.确定后弹出子窗口(WebForm2.aspx)
  19. this.Response.Write(“”);
  20. //弹出提示窗口,确定后,刷新父窗口
  21. this.Response.Write(“”);
  22. //弹出相同的一页
  23. //
  24. Response.Write(“parent.mainFrameBottom.location.href=’yourwebform.aspx?temp=” +str+“‘;”);

你可能感兴趣的:(javascript,前端,html)