欢迎来到福编程网,本站提供各种互联网专业知识!

js弹出框、对话框、提示框、弹窗实现方法总结(推荐)

发布时间:2016-05-31 作者:投稿jingxian 来源:转载
下面小编就为大家带来一篇js弹出框、对话框、提示框、弹窗实现方法总结(推荐)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

//====================== JS最常用三种弹出对话框 ======================== 
 
  //弹出对话框并输出一段提示信息 
  function ale() { 
    //弹出一个对话框 
    alert("提示信息!"); 
 
  } 
 
  //弹出一个询问框,有确定和取消按钮 
  function firm() { 
    //利用对话框返回的值 (true 或者 false) 
    if (confirm("你确定提交吗?")) { 
      alert("点击了确定"); 
    } 
    else { 
      alert("点击了取消"); 
    } 
 
  } 
 
  //弹出一个输入框,输入一段文字,可以提交 
  function prom() { 
    var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name , 
 
    //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值 
    if (name)//如果返回的有内容 
    { 
      alert("欢迎您:" + name) 
    } 
 
  } 

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

 
 
 
  
 
 
  
返回 
javaScript:window.location.reload();//返回当前页并刷新 
 
  
 

三、弹出独立窗口

//关闭,父窗口弹出对话框,子窗口直接关闭  
this.Response.Write(""); 
 
//关闭,父窗口和子窗口都不弹出对话框,直接关闭  
this.Response.Write(""); 
 
//弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有  
this.Response.Write(""); 
 
//弹出窗口刷新当前页面  
this.Response.Write(""); 
this.Response.Write(""); 
 
//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中)  
this.Response.Write("  "); 
 
//关闭当前子窗口,刷新父窗口  
this.Response.Write(""); 
this.Response.Write(""); 
 
//子窗口刷新父窗口  
this.Response.Write(""); 
this.Response.Write(""); 
 
//弹出提示窗口.确定后弹出子窗口(WebForm2.aspx)  
this.Response.Write(""); 
 
//弹出提示窗口,确定后,刷新父窗口  
this.Response.Write(""); 
 
//弹出相同的一页  
 
 
//  
Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp=" +str+"';");