window的open和showModalDialog方法调用父页面的window对象
2013-02-04 15:35
363 查看
window.open
参数:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name
1、如果是已经存在的窗口的名字,则会到那个窗口中打开这个url
2、如果不存在的窗口的名称,则会打开一个地址为url的新窗口,窗口名称为这个参数
3、如果指定了的是窗口的打开方式:_selt、_parent、_top、_blank
parameters 为窗口参数(各参数用逗号分隔)
例如:window.open (url,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
window.showModalDialog
参数及说明:
window.showModalDialog(url,obj,"dialogWidth=200px;dialogHeight=100px");
在弹出的窗口里设置form的提交在本页面而不是新弹出一个页面可在head标签里加入
获取到了父页面的window对象后像怎么操作父页面就怎么操作,那些传参数/回传参数啥的弱爆了~~
var parentWindow = window.opener;//获取到父页面的window对象
参数:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name
1、如果是已经存在的窗口的名字,则会到那个窗口中打开这个url
2、如果不存在的窗口的名称,则会打开一个地址为url的新窗口,窗口名称为这个参数
3、如果指定了的是窗口的打开方式:_selt、_parent、_top、_blank
parameters 为窗口参数(各参数用逗号分隔)
例如:window.open (url,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 Resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
window.showModalDialog
var parentWindow = parent.window;
参数及说明:
window.showModalDialog(url,obj,"dialogWidth=200px;dialogHeight=100px");
showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。 dialogWidth: 对话框宽度。 dialogLeft: 离屏幕左的距离。 dialogTop: 离屏幕上的距离。 center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。 help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。 resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。 status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。 scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
在弹出的窗口里设置form的提交在本页面而不是新弹出一个页面可在head标签里加入
<base target="_self"/>
获取到了父页面的window对象后像怎么操作父页面就怎么操作,那些传参数/回传参数啥的弱爆了~~
相关文章推荐
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- 用window.open方法实现子页面调用的父子页面传值
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- window.open 子页面调用父页面方法 以及 子页面关闭事件
- window.showModalDialog和window.open关闭子页面时刷新父页面
- JS iframe父子页面元素调用方法 window parent top 解释
- window.showModalDialog和window.open关闭子页面时刷新父页面
- 主题:window窗体对象open()和showModalDialog()用法
- layer.open关闭父窗口 以及调用父页面方法
- vue开发 - 将方法绑定到window对象,给app端调用
- easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
- window.showModalDialog和window.open关闭子页面时刷新父页面
- 简单window.open()使用方法和按钮关闭window.open页面
- window窗体对象open()和showModalDialog()用法
- window窗体对象open()和showModalDialog()用法
- JavaScript的window对象的open方法
- js onclick跳转页面方法(window.open)
- 解决回车弹出新页面及弹新页面时被浏览器拦截window.open方法