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 相关文章推荐
js字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
Feb 28 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
Feb 11 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 Javascript
vue postcss-px2rem 自适应布局
May 15 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
golang与PHP输出excel示例
2016/07/22 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
Javascript倒计时代码
2010/08/12 Javascript
Javascript/Jquery——简单定时器的多种实现方法
2013/07/03 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
关于Vue中$refs的探索浅析
2020/11/05 Javascript
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
Python入门篇之编程习惯与特点
2014/10/17 Python
python基于递归解决背包问题详解
2019/07/03 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
pymysql的简单封装代码实例
2020/01/08 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
汽车销售顾问求职自荐信
2014/01/01 职场文书
面包店的创业计划书范文
2014/01/16 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2015年幼儿园中班下学期工作总结
2015/05/22 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书