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 相关文章推荐
Javascript绝句欣赏 一些经典的js代码
Feb 22 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
jQuery中Ajax的load方法详解
Jan 14 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
js实现简单的秒表
Jan 16 Javascript
JS面向对象编程实现的Tab选项卡案例详解
Mar 03 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
探讨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-SW7600的电路分析
2021/03/02 无线电
php分页思路以及在ZF中的使用
2012/05/30 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
Perl Substr()函数及函数的应用
2015/12/16 Javascript
删除table表格行的实例讲解
2017/09/21 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
python去除文件中重复的行实例
2018/06/29 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
python logging模块的使用
2020/09/07 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
荷兰超市:DEEN
2018/03/14 全球购物
《一件运动衫》教学反思
2014/02/19 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL
table不让td文字溢出操作方法
2022/12/24 HTML / CSS