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 相关文章推荐
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 Javascript
js 获取Listbox选择的值的代码
Apr 15 Javascript
jquery.tmpl JQuery模板插件
Oct 10 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
jQuery实现导航回弹效果
Feb 27 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 Javascript
Vue常用API、高级API的相关总结
Feb 02 Vue.js
探讨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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
如何判断php数组的维度
2013/06/10 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php生成二维码
2015/08/10 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
PHP二维关联数组的遍历方式(实例讲解)
2017/10/18 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
js静态方法与实例方法分析
2011/07/04 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
详解js闭包
2014/09/02 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
vue项目部署到Apache服务器中遇到的问题解决
2018/08/24 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
pycharm远程调试openstack代码
2017/11/21 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
python中判断文件结束符的具体方法
2020/08/04 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
构建高效课堂实施方案
2014/03/13 职场文书
政治思想表现评语
2014/05/04 职场文书
推荐信怎么写
2014/05/09 职场文书
承诺函格式模板
2015/01/21 职场文书
Mysql如何查看是否使用到索引
2022/12/24 MySQL