javascript弹出窗口总结

最新推荐文章于 2017-08-07 16:49:52 发布

原创最新推荐文章于 2017-08-07 16:49:52 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webform #features #command #scroll #工具

Javascript 专栏收录该内容

6 篇文章

订阅专栏

本文汇总了使用JavaScript进行网页操作的各种技巧，包括关闭窗口、刷新页面、弹出新窗口等功能的实现方法及其参数设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//关闭,父窗口弹出对话框,子窗口直接关闭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"
   onclick="javascript:window.open(window.location.href)">
  //Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp="
  +str+"';");
  <script LANGUAGE="javascript">  </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()";
  程序代码
  <script language="JavaScript" type="text/JavaScript"></script>
<body
  onLoad="MM_openBrWindow('2.htm','','width=400,height=470,top=20,left=20');"></body>
强制弹出页面和自动最小化广告这个弹窗代码，效果很好，不过有点复杂！请细看！这里涉及三个页面：弹窗页：1.htm
放置弹窗代码的页面中间页：2.htm 中间过度页面弹出页：3.htm
被弹出的页面在1.htm放入代码如下：主要是通过对话框强制弹出2.htm，大小为0,0
<script language="javascript">focusid=setTimeout("focus();window.showModelessDialog('2.htm','','scroll:1;status:1;help:1;toolbar=1;resizable:1;dialogWidth:0px;dialogHeight:0px')",3000)</script>
在2.htm里放置代码如下：自动关闭对话框页面2.htm，同时弹窗3.htm
<script language="javascript">setTimeout('window.close();', 0);</script>
在3.htm里放置代码：弹出后自动最小化
<body onload="min.Click()">
  <object id="min" type="application/x-oleobject"
   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
   <param name="Command" value="Minimize">
  </object>
  <object id="max" type="application/x-oleobject"
   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
   <param name="Command" value="Maximize">
  </object>
</body>