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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
JS中Array数组学习总结
Jan 18 Javascript
canvas 实现中国象棋
Feb 17 Javascript
微信小程序如何获取地址
Dec 24 Javascript
JS中==、===你分清楚了吗
Mar 04 Javascript
JS实现随机点名器
Apr 12 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 Javascript
如何在JavaScript中正确处理变量
Dec 25 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 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
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php定义数组和使用示例(php数组的定义方法)
2014/03/29 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
JQuery小知识
2010/10/15 Javascript
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
用js实现in_array的方法
2013/11/05 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
javascript实现延时显示提示框特效代码
2016/04/27 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
AngularJS压缩JS技巧分析
2016/11/08 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
Python中类的继承代码实例
2014/10/28 Python
python获取各操作系统硬件信息的方法
2015/06/03 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
Python3解释器知识点总结
2019/02/19 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
前台接待岗位职责
2013/12/03 职场文书
五型班组建设方案
2014/02/10 职场文书
小学语文业务学习材料
2014/06/02 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
2015年学校体育工作总结
2015/04/22 职场文书
Django基础CBV装饰器和中间件
2022/03/22 Python
SQL语句多表联合查询的方法示例
2022/04/18 MySQL