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组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 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使用百度天气接口示例
2014/04/22 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
php图像处理函数imagecopyresampled用法详解
2016/12/02 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
2018/08/20 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
javascript实现文字跑马灯效果
2020/06/18 Javascript
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
通过自学python能找到工作吗
2020/06/21 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
一道SQL面试题
2012/12/31 面试题
个人公开承诺书
2014/03/28 职场文书
实训报告范文大全
2014/11/04 职场文书
年底个人总结范文
2015/03/10 职场文书
自我检讨书怎么写
2015/05/07 职场文书
python3实现常见的排序算法(示例代码)
2021/07/04 Python
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android