Javascript弹出窗口的各种方法总结


Posted in Javascript onNovember 11, 2013
//关闭,父窗口弹出对话框,子窗口直接关闭
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()";
Javascript 相关文章推荐
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
使用jQuery制作基础的Web图片轮播效果
Apr 22 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
详解angularjs4部署文件过大解决过程
Dec 05 Javascript
详解JavaScript的变量
Apr 04 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
vue 中固定导航栏的实例代码
Nov 01 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
探讨js中的双感叹号判断
Nov 11 #Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 #Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 #Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
Nov 11 #Javascript
js中关于一个分号的崩溃示例
Nov 11 #Javascript
javascript中怎么做对象的类型判断
Nov 11 #Javascript
jquery隐藏标签和显示标签的实例
Nov 11 #Javascript
You might like
索尼SONY ICF-SW7600GR电路分析与改良
2021/03/02 无线电
关于文本留言本的分页代码
2006/10/09 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
Yii配置文件用法详解
2014/12/04 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
javascript forEach通用循环遍历方法
2010/10/11 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
2020/06/19 Javascript
Python中修改字符串的四种方法
2018/11/02 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
考试不及格检讨书
2014/01/09 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
实习单位评语
2014/04/26 职场文书
酒店端午节活动方案
2014/08/26 职场文书
债务授权委托书范本
2014/10/17 职场文书
工伤私了协议书范本
2014/11/24 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python
Python中的套接字编程是什么?
2021/06/21 Python