弹出窗口两种方式
来源:互联网 发布:永远的大奥 解析知乎 编辑:程序博客网 时间:2024/05/19 22:25
- 1.window.showModalDialog:
- var feature = "dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable:no;center:yes";
- window.showModalDialog(url, Object(传给弹出窗口的参数,可以是任何类型),feature)
- 决定窗口的外观是第三个参数feature,其中center属性指定为"yes",弹出窗口居中;
- 如果想手动指定弹出窗口的具体位置,去掉center属性,
- 用dialogTop(弹出窗口上边界居屏幕上的距离)
- dialogLeft(弹出窗口左边界居屏幕左的距离)属性
- 如:(距离是px像素),这里手动指定弹出窗口位置居中
- var iTop = (window.screen.availHeight-550)/2; //获得窗口的垂直位置,550为弹出窗口的height;
- var iLeft = (window.screen.availWidth-640)/2; //获得窗口的水平位置,640为弹出窗口的width;
- var feature = "dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable:no;dialogTop:'+iTop+';dialogLeft:'+iLeft+';";
- 2.window.open:
- var feature = "width=615,height=505,menubar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes"
- window.open(url, window(弹出窗口的名字), feature)
- 手动指定弹出窗口位置,属性top:(弹出窗口上边界居屏幕上的距离)
- 属性left:(弹出窗口左边界居屏幕左的距离)
- 下面指定弹出窗口位置居中(这种方式没有center属性):
- var iTop = (window.screen.availHeight-550)/2; //获得窗口的垂直位置,550为弹出窗口的height;
- var iLeft = (window.screen.availWidth-640)/2; //获得窗口的水平位置,640为弹出窗口的width;
- var feature = "width=615,height=505,top="+iTop+",left="+iLeft+",menubar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes";
- 子窗口调用父窗口的东东(控件或者方法):
- 1. window.open打开的子窗口有window.opener属性
- 子窗口通过window.opener.xxxx获得父窗口的东东。
- 如:window.opener.document.getElementById("userName");得到父页面的控件。
- window.opener.fresh();调用父页面的js方法。
- 2. window.showModalDialog:不支持window.opener,
- 父窗口通过showModalDialog(url,para,feature)第二个参数para传参数给子窗口,
- 子窗口通过window.dialogArguments获得父窗口穿过来的东西。及获得传过来的的二个参数
- 子窗口通过window.dialogArguments.xxxx获得父窗口的东东。
- 如:这里传父页面的的window过去
- 父页面:showModalDialog(url,window,feature)
- 子页面:var name = window.dialogArguments.document.getElementById("userName").value;得到父页面的控件。
- var name = window.dialogArguments.fresh();调用父页面的方法。
- 这里的window.dialogArguments就相当于父页面的window,它是通过showModalDialog方法的第二个参数window传过来的,
- 当然也可以传数组或其它变量。
- showModalDialog(url,[1,2,3],feature) //父页面传一个数组给子窗口
- showModalDialog(url,window,feature) //父页面把自己的window参数传给子窗口
0 0
- 弹出窗口两种方式
- 弹出窗口的两种实现方式 PopupWindow 和 Activity
- 使用POST方式弹出窗口的两种方法
- C# WinForm弹出窗口的两种方式
- 弹出窗口的两种实现方式 PopupWindow 和 Activity
- 弹出窗口的两种实现方式 PopupWindow 和 Activity
- 弹出窗口的两种实现方式 PopupWindow 和 Activity
- Flex两种弹出窗口
- 关闭当前窗口 弹出询问 和不弹询问窗口 两种方式
- JavaScript弹出窗口并回填父窗口参数的两种方式
- 框架页,window.showModalDialog 两种获取弹出窗口的传回值的方式
- 两种Flex弹出窗口用法解析
- Flex的两种弹出窗口
- js弹出窗口的三种方式
- Flex弹出窗口的三种方式
- 两种弹出提示框的方式
- JSP弹出对话框两种实现方式
- C++两种方式创建窗口
- Allen 谈 Docker 系列
- red5-常见的错误收录
- WinInet, WinHttp, Winsock, ws2_32的基本解释
- python实现决策树C4.5算法(在ID3基础上改进)
- 正向代理与反向代理的区别
- 弹出窗口两种方式
- 时间戳与日期的相互转换
- iOS上级往下级传值
- [原力与物理]原力觉醒
- Netty自定义协议开发
- 程序员每天该做的事
- Android开发建议
- CentOS7.2安装MySQL 5.7.10
- C语言指针倒序字符串子函数