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 表格插件整理
Apr 27 Javascript
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
May 08 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 Javascript
javascript中Date对象应用之简易日历实现
Jul 12 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 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/01/23 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
Javascript之文件操作
2007/03/07 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
Jquery on绑定的事件 触发多次实例代码
2016/12/08 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
会计应聘求职信范文
2013/12/17 职场文书
库房主管岗位职责
2013/12/31 职场文书
法人委托书范本
2014/04/04 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
大学生自我评价范文
2015/03/03 职场文书
员工自我工作评价
2015/03/06 职场文书
酒店开业主持词
2015/07/02 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
音乐研修感悟
2015/11/18 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python