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 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 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
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
PHPThumb图片处理实例
2014/05/03 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
jQuery focus和blur事件的应用详解
2014/01/26 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
node.js超时timeout详解
2014/11/26 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
Python创建模块及模块导入的方法
2015/05/27 Python
Python引用计数操作示例
2018/08/23 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
python3 字符串知识点学习笔记
2020/02/08 Python
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
打架检讨书500字
2014/01/29 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
培训师岗位职责
2015/02/14 职场文书
致三级跳运动员加油稿
2015/07/21 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python