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" onclick="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 窗口离屏幕左边距离(像素单位)
JavaScript技巧:实现居中弹出窗口 showPopup()函数用于显示弹出窗口,它通过获取"popupContainer"元素的引用,并将其样式的"display"属性设置为"block",从而使弹出窗口可见。hidePopup()函数用于隐藏弹出窗口,它将"display"属性设置为"none",使弹出窗口不可见。在上述代码中,我们定义了一个名为"popupContainer"的DIV元素,它表示弹出窗口的容器。现在,当用户点击"显示弹出窗口"按钮时,弹出窗口将居中显示在页面中。当用户点击弹出窗口中的"关闭"按钮时,弹出窗口将被隐藏。 阅读详情

相关推荐

JavaScript 弹出窗口实战指南

在本章节中,我们将深入探讨如何构建一个自定义模态对话框。模态对话框(Modal)是一种常用的用户界面设计模式,用于在当前页面中弹出一个浮动窗口,用于显示信息或收集用户输入,而不必离开当前页面。本章将分为两个主要部分:设计思路与规划以及编写基础HTML结构。当着手设计自定义模态对话框时,HTML是构建骨架的基础。首先,我们需要定义一个div元素作为对话框的主容器。接着,使用headersection或article标签来分配对话框的头部和内容区域。<h2>模态框标题</h2>

weixin_42578963的博客 1266

JAVASCRIPT弹出窗口大总结 (转)

JAVASCRIPT弹出窗口大总结2008-08-29 10:02注: //关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("window.close();"); //关闭,父窗口和子窗口都不弹出对话框,直接关闭 this.Response.Write(""); this.Response.Write("{top.opener =null;top.close();}

mypurse的专栏 533

从零到一:RT-Thread与W5500的硬件抽象层设计哲学与实践启示

本文深入探讨了RT-Thread操作系统下W5500以太网模块的硬件抽象层(HAL)设计哲学与实践。通过GD32F103和STM32F103平台的适配案例,详细阐述了如何利用RT-Thread的驱动框架实现跨平台硬件无关性、模块化设计及配置定制,为嵌入式开发者提供了可复用的HAL设计方法论和实战经验。

7z8x2c4v6b9的博客 197

DataNavigateUrlFormatString

DataNavigateUrlFormatString属性的值为"ShowUser.aspx?UserId={0}",而DataNavigateUrlFields属性的值为"UserId",     也就是将来显示每行数据的时候都会将该行对应的“UserId”字段的值替换{0},类似于string.Format("ShowUser.aspx?UserId={0}",[“UserId”]的值)。

chenqiangxiaohua的专栏 1443

ADS软件操作(10)——DAC控件使用

该控件可以用于为元件定义随频率变换的参数,如放大器的最佳负载阻抗或者源阻抗,需要双频匹配时的优化等,下图是ADS中该控件的模型。

Zhuanzhuyan的博客 4394

solidworks实体显示线框

solidworks实体莫名其妙显示为有点虚的线框

qq_35858902的博客 1万+

Js + Css的msn式的popup提示窗口的实现

Msn的提示窗口非常经典,所以我们也做一个javascript实现一下,给大家逗乐用。   闲话不多说,Javascript代码如下: 只有javascript代码还是不够的,我们还需要css来定义样式: DIV#eMsg{}{     background-color: #c9d3f3;     border-left: #a6b4cf 1px solid;     borde...

weixin_34068198的博客 161

kettle9.0+ 连接Hadoop报错

kettle bug

x²+(y-√³x²)²=1的博客 1559

Popup.js 弹出窗口

//Popup class 显示弹出窗口,简单整理了一下。 /* // 示例用法          function ShowIframe() //显示iframe          {              var pop=new Popup({ contentType:1,isReloadOnClose:false,width:400,height:500});

我的个人技术专栏 2万+

MIPI DSI2接口开发避坑指南:以RK3576的GM8775C桥接芯片调试为例

本文以RK3576平台搭配GM8775C桥接芯片为例,深入剖析MIPI DSI2接口开发中的常见问题与解决方案。文章详细解读了从U-Boot阶段到内核DRM驱动架构的完整显示通路构建,重点分享了电源时序管理、寄存器配置与硬件协同调试等实战经验,为嵌入式显示系统开发者提供了一套系统化的避坑指南和调试方**。

weixin_29290379的博客 328

【COMSOL超材料和超表面仿真设计】

超材料和超表面的设计通常需要自定义材料属性。在COMSOL中,可以通过定义介电常数和磁导率的张量来模拟超材料的特性。对于超表面,通常需要定义表面阻抗或等效电路模型。

weixin_51101456的博客 1661

【JavaScript】简单实现弹出窗口div

JavaScript实现弹出窗口 思路 总体使用两个div,一个作为底层展示,一个做为弹出窗口; 两个窗口独立进行CSS设计,通过display属性进行设置现实与隐藏,此处建议使用display属性而不是visibility属性,visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间,影响布局; 在js内设计两个onclick事件,分别指定函数,分别为开启弹窗和关闭弹窗。 一、设置两个div <html> <title>弹出窗口</t

Lee的博客 2万+

8.9华为OD机试真题 新系统 - 灯带颜色变换 (Java/Py/C/C++/Js/Go)

8.9华为OD机试真题 新系统 - 灯带颜色变换 (Java/Py/C/C++/Js/Go)

算法大师! 667

JavaScript 自定义弹出窗口

"按页面条件导出数据还是导出所有的数据"// 获取对话框元素并设置标题和消息。'你确定要删除这条记录吗?// 获取对话框元素并隐藏。

哈 4303

STM32串口控制LED灯的亮灭

STM32中的串口控制LED灯的亮灭,分为两种方式,一种是直接发送数字0和1来控制灯的亮灭,另一种是通过发送字符串来控制。 我所使用的开发板主控芯片是STM32F401RET6,主频84MHz, 首先要进行串口的初始化: /* 函数功能:串口的初始化 函数名:Usart_Init 返回值:无 参数:u32 brr 备注: USART1_TXD->PA9 USART1_RXD->PA10 */ void Usart_Init(u32 brr) { float div; u16 div

博客 2万+

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

JS弹出窗口方法汇总

弹出窗口 【1、最基本的弹出窗口代码】 其实代码非常简单: <SCRIPT LANGUAGE="javascript">    <!--      window.open ('page.html')    //-->&n...

dev_zyx的博客 6254

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

html生成小窗口,用JS制作9种弹出小窗口(HTML)

进入许多网站时,有弹出式小窗口,它们五花八门,使我们捉摸不透下面就来介绍用JS制作9种制作弹出小窗口:1、最基本的弹出窗口代码其实代码非常简单:window.open("page.html")-->因为这是一段Javascript代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open("pa...

weixin_33464176的博客 8826

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

Javascript实现弹出菜单,弹出窗口

1.在打开网页后弹出一个宽200,高300 的窗口,且在该网页关闭后,弹出的窗口也关闭;2.设计弹出式菜单;3.在状态栏上显示当前时间;4.在一个窗口中输入内容,显示在另一个窗口中。最终实现效果                                             文件index.html的内容Code: >   htm

不积跬步无以至千里,不积小流无以成江海。 5375

javascript弹出窗口代码

     【1、最基本的弹出窗口代码】   &lt;SCRIPT LANGUAGE="javascript"&gt;   &lt;!--   window.open ('page.html')   --&gt;   &lt;/SCRIPT&gt;      因为着是一段javascripts代码,所以它们应该放在&lt;SCRIPT LANGUAGE="javascript"&gt;标签和&lt;

weixin_33752045的博客 1万+

javascript弹出窗口全掌握

 Response.Write("window.open(CheckOut.aspx,null,height=300,width=400,resizable=no,status=no,toolbar=no,menubar=no,location=no);"); 【1、最基本的弹出窗口代码】 其实代码非常简单:          因为这是一段j

XueJiang's Blog 882

js中php弹出窗口,JS弹出窗口的运用与技巧大全

本文详细介绍了JS弹出窗口的运用,非常具有实用价值,具体一起来看一下把。//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("window.close();");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("");this.Response.Write("{top.opener =null;top.close();}");t...

weixin_29053067的博客 883

用javascript父窗口控制只弹出一个子窗口

    近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口 问题,我查看了一些,大部分都是只能解决部分或者很麻烦,还不算完美。比如有人是实现的这样,使用的是Cookie,以下是例子。主页上做了一个弹出窗口,如何使其只弹出一次,返回主页时不再弹出了。 --------------------------------------------------------------- windo

imstudent1的专栏 1192

JAVASCRIPT弹出窗口DIV层效果代码

在本教程中,我将用最通俗的语言和最简洁的代码给大家演示如何创建一个JavaScript弹出DIV窗口层的效果。   创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了,理由有二:首先,不友好——生硬的弹出对话框且伴随着“哐”的一声对用户体验是个很大的挑战;其次,兼容性不够强——有相当多的浏览器屏蔽了这种JS的

javagtcpp的专栏 3389

javascript(js)iframe里的页面调用父窗口js函数的方法或弹出窗口调用父窗口js函数的方法

<br />其实js调用父窗口函数的情况有两种:<br />第一种是常用的iframe:<br />我以子窗口调用父窗口的函数发送到fckeditor编辑器的为例说明,只需简单三行:<br /><SCRIPT language=javascript><br />parent.functioncall();//functioncall为函数<br /></SCRIPT><br />addattach():父页面里的一个js函数,功能是发送内容到编辑器:<br /><br />function addattac

[赣]无言 2964
上一篇: js常犯的错误及js的location
下一篇: JS阻止冒泡出现(cancelBubble=true;与stopPropagation
iteye_16607
博客等级 码龄8年 1粉丝 124原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值