JavaScript弹出窗口

 

//关闭,父窗口弹出对话框,子窗口直接关闭 

this.Response.Write("<script language=javascript>window.close();</script>"); 

 

//关闭,父窗口和子窗口都不弹出对话框,直接关闭 

this.Response.Write("<script>"); 

this.Response.Write("{top.opener =null;top.close();}"); 

this.Response.Write("</script>"); 

 

//弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有 

this.Response.Write("<script language=javascript>window.open('rows.aspx','newwindow','width=200,height=200')</script>"); 

 

//弹出窗口刷新当前页面 

this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>"); 

this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script>"); 

 

//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中) 

this.Response.Write(" <script language=javascript>alert('注册成功');window.window.location.href='WebForm2.aspx';</script> "); 

 

//关闭当前子窗口,刷新父窗口 

this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>"); 

this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>"); 

 

//子窗口刷新父窗口 

this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>"); 

this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script>"); 

 

//弹出提示窗口.确定后弹出子窗口(WebForm2.aspx) 

this.Response.Write("<script language='javascript'>alert('发表成功！');window.open('WebForm2.aspx')</script>"); 

 

//弹出提示窗口,确定后,刷新父窗口 

this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>"); 

 

//弹出相同的一页 

<INPUT type="button" value="Button" οnclick="javascript:window.open(window.location.href)"> 

 

// 

Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp=" +str+"';"); 

 

 

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行 

--> 

</SCRIPT> 

 

参数解释： 

 

<SCRIPT LANGUAGE="javascript"> js脚本开始； 

window.open 弹出新窗口的命令； 

'page.html' 弹出窗口的文件名； 

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 

height=100 窗口高度； 

width=400 窗口宽度； 

top=0 窗口距离屏幕上方的象素值； 

left=0 窗口距离屏幕左侧的象素值； 

toolbar=no 是否显示工具栏，yes为显示； 

menubar，scrollbars 表示菜单栏和滚动栏。 

resizable=no 是否允许改变窗口大小，yes为允许； 

location=no 是否显示地址栏，yes为允许； 

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 

</SCRIPT> js脚本结束 

 

'newwin':隐藏菜单栏地址栏工具条 

width=50:宽度 

height=50:高度 

scrollbars=yes/n滚动条 

top=50:窗口距离屏幕上方 

left=50:窗口距离屏幕左侧 

例:window.open('detail.aspx?ID="+e.Item.Cells[1].Text+"','newwin','width=750,height=600,scrollbars=yes,top=50,left=50');"); 

this.Response.Write("<Script>window.open('WebForm2.aspx','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=750,height=470,left=80,top=40');</script>"); 

 

例: 

this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>"); 

this.Response.Write("<script>"); 

this.Response.Write("{top.opener =null;top.close();}"); 

this.Response.Write("</script>"); 

 

例: linkcolumn1.DataNavigateUrlFormatString="javascript:varwin=window.open('edit_usr.aspx?actid={0}','newwin','width=750,height=600,scrollbars=yes,top=50,left=50');window.close()"; 

window.open 

<a href="#" onClick="javascrpt:window.open('adminlove_edituser.asp?user_id=<%=rs("user_id")%>','','toolbar=no,location=no,width=540,height=360')">编审</a> 

window.open 的各个属性参数 

2007-02-27 12:52:03 / 个人分类：代码 

具体总结 window.open 的各个属性参数如下： 

windowobj = window.open([URL ][, name ][, features ][, replace]]]]) 

URL：新窗口的URL地址 

name：新窗口的名称，可以为空 

featurse：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。 

fullscreen= { yes/no/1/0 } 是否全屏，默认no 

channelmode= { yes/no/1/0 } 是否显示频道栏，默认no 

toolbar= { yes/no/1/0 } 是否显示工具条，默认no 

location= { yes/no/1/0 } 是否显示地址栏，默认no 

directories = { yes/no/1/0 } 是否显示转向按钮，默认no 

status= { yes/no/1/0 } 是否显示窗口状态条，默认no 

menubar= { yes/no/1/0 } 是否显示菜单，默认no 

scrollbars= { yes/no/1/0 } 是否显示滚动条，默认yes 

resizable= { yes/no/1/0 } 是否窗口可调整大小，默认no 

width=number 窗口宽度（像素单位） 

height=number 窗口高度（像素单位） 

top=number 窗口离屏幕顶部距离（像素单位） 

left=number 窗口离屏幕左边距离（像素单位）

对话框有三种 

1：只是提醒，不能对脚本产生任何改变； 

2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断 

3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 

下面我们分别演示： 

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>三种弹出对话框的用法实例</title> 
<script language="javascript"> 
function ale() 
{//这个基本没有什么说的，就是弹出一个提醒的对话框 
    alert("我敢保证，你现在用的是演示一"); 
} 
function firm() 
{//利用对话框返回的值 （true 或者 false） 
    if(confirm("你确信要转去 天轰穿的博客？")) 
    {//如果是true ，那么就把页面转向thcjp.cnblogs.com 
        location.href="http://thcjp.cnblogs.com"; 
    } 
    else 
    {//否则说明下了，赫赫 
        alert("你按了取消，那就是返回false"); 
    } 
} 
function prom() 
{ 
    var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ， 
    //这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值 
    if(name)//如果返回的有内容 
    { 
        alert("欢迎您："+ name) 
    } 
} 
</script> 
</head> 

<body> 
<p>对话框有三种</p> 
<p>1：只是提醒，不能对脚本产生任何改变；</p> 
<p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifelse判断 </p> 
<p>3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p> 
<p>下面我们分别演示：</p> 
<p>演示一：提醒 对话框</p> 
<p> 
  <input type="submit" name="Submit" value="提交" οnclick="ale()" /> 
</p> 
<p>演示二 ：确认对话框 </p> 
<p> 
  <input type="submit" name="Submit2" value="提交" οnclick="firm()" /> 
</p> 
<p>演示三 ：要求用户输入，然后给个结果</p> 
<p> 
  <input type="submit" name="Submit3" value="提交" οnclick="prom()" /> 
</p> 
</body> 
</html>