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 相关文章推荐
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
JS截取字符串实例详解
Nov 24 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
js模拟微博发布消息
Feb 23 Javascript
javascript trie前缀树的示例
Jan 29 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
webpack项目使用eslint建立代码规范实现
May 16 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 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学习之数据类型之间的转换介绍
2011/06/09 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
Vue 进阶之路(三)
2019/04/18 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
详解python并发获取snmp信息及性能测试
2017/03/27 Python
python如何实现反向迭代
2018/03/20 Python
总结python中pass的作用
2019/02/27 Python
解决pycharm运行程序出现卡住scanning files to index索引的问题
2019/06/27 Python
python字符串查找函数的用法详解
2019/07/08 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
Django实现将views.py中的数据传递到前端html页面,并展示
2020/03/16 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
2014年道德讲堂实施方案
2014/03/05 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
班级标语大全
2014/06/21 职场文书
小学生植树节活动总结
2014/07/04 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
超详细Python解释器新手安装教程
2021/05/10 Python
Javascript webpack动态import
2022/04/19 Javascript