- 浏览: 12321 次
最新评论
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例代码。先简单介绍一下基本知识:
一、window.open()支持环境: Java1.0+/J1.0+/Nav2+/IE3+/Opera3+
二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
三、各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
参数 | 取值范围 | 说明
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
window.showModalDialog使用手册
基本介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
sURL--
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号";"隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的,在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
复制代码 代码如下:
下面是网上的朋友发布一篇测试代码,大家可以测试下。
复制代码 代码如下:
主页面
test.html 源代码:
复制代码 代码如下:
获得主页面的值
script type="text/javascript">
showModalDialog 传值及刷新
showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.
farther.html
复制代码 代码如下:
New Document
传递到父窗口的值:
返回的值:
子窗口设置的值:
child.html
复制代码 代码如下:
New Document
父窗口传递来的值:
输入要设置父窗口的值:
输入返回的值:
说明:
由于showModalDialog缓存严重,下面是在子窗口取消客户端缓存的设置.也可以在服务器端取消缓存,参考:
IT学习网的下一篇文章。
(二)下面是关闭刷新父窗口的例子
farther.html
复制代码 代码如下:
New Document
传递到父窗口的值:
child.html
复制代码 代码如下:
New Document
父窗口传递来的值:
说明
1.下面是取消客户端缓存的:
也可以在服务器端取消缓存,参考IT学习网下一篇文章
2.向父窗口传递阐述在ASP.NET中也可以是用aaa.aspx?id=1的方式传递.
3.不刷新父窗口的话在父窗口中直接这样一来设置可以.
window.showModalDialog("child.html",window,"dialog Width:335px;status:no;dialogHeight:300px");
4.在子窗口中若要提交页面的话要加入:,这样就不会打开新窗口了.
发表评论
-
javascript 光标离开 判断数字的正则表达式
2012-07-06 09:46 1130Javascript 判断数字 在文本框上绑定事件,当焦点 ... -
iframe使用
2012-07-06 09:30 746i am now in university(HIT@We ... -
Flash与组件:CircleSlider
2012-07-03 13:44 653今晚是2010年最后一天,要跟随地球重新开始新的一年。一直 ... -
[RemoteClass(alias="flex.samples.product.Product")]、前台和后台的数据更新举例
2012-07-02 12:48 615【问题描述】 点击左侧的表格,数据的信息将在右侧显示 ... -
Flex 监听键盘事件
2012-07-02 12:48 748一、说明 1、只有当监听的对象获取焦点后,才能出接收 ... -
Cross-domain policy和/WEB-INF/flex/proxy-config.xml
2012-07-02 12:48 584从flash 7开始,不同域名的资源访问受到限制,比如a. ... -
flex读取.xml文件
2012-07-02 12:48 5631。这是mxml代码: ... -
Flex中DataGrid动态增加列
2012-07-02 12:47 477方法一: ... -
让数据自己来讲故事
2012-07-01 10:12 521Adobe Flash Builder 4 简 ... -
AntPile简介
2012-07-01 10:12 546Adobe Flash Builder 4 简体中文正式版 ... -
AntPile简介
2012-07-01 10:12 583Adobe Flash Builder 4 简体中文正式版 ... -
使用Flare3D在FB中搭建第一个Molehill项目
2012-07-01 10:12 572本文介绍如何使用第三方开发框架Flare 3D 2.0在F ... -
一个智能的 Web 界面测试系统
2012-07-01 10:12 666本文内容包括: Web2.0 技术使 Web 界面更加丰富 ... -
[转载]Google采用FLEX构建虚拟社区Lively
2012-06-30 16:37 595[转载]Google采用FLEX构建 ... -
【转】flex与c#基于socket的实时互动网络游戏编程教程一-零纪录-博客园
2012-06-30 16:37 976【转】flex与c#基于socket的实时互动网络游戏编程教程 ... -
Flex引擎
2012-06-30 16:37 855Flex引擎 2010年06月04日 游戏引擎 1 ... -
[转]在Flex Builder 3的ActionScript工程里面使用Flash的Tween类
2012-06-30 16:37 662[转]在Flex Builder 3的ActionScript ...
相关推荐
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例代码。
NULL 博文链接:https://phpxiaoxin.iteye.com/blog/423340
主要介绍了JS简单实现父子窗口传值功能,结合具体实例形式分析了javascript实现不使用iframe框架进行窗口之间简单传值的相关操作技巧,需要的朋友可以参考下
vue3 父子组件传值详解 现在距离vue3的诞生已经过了很长时间了,笔者也是近期才开始学习vue3。对比vue2来看,vue3在写法发生了不小的变化,最典型的例子就是vue3通过ref,或者reactive实现数据的响应式。因为ref和...
JavaScript第二版 示例代码
javascript静态页面传值的三种方法 带例子
javascript 实现提示像google提示的东西
《javascript权威指南》示例代码,适用于新手,虽然提供了方便,但是更推荐自己亲手敲代码,亲密接触才能互相了解。
主要介绍了JavaScript实现弹出子窗口并传值给父窗口,方法很简单,这里推荐给大家,需要的朋友可以参考下
在用 Vue 的父子组件传值时遇到一个冷门的问题,子组件改变值后父组件的值也随之改变了,特此记录下原因和解决方式。 再系统梳理下 JavaScript 的深拷贝与浅拷贝相关知识点。 1. 问题描述 父组件传值给子组件,子...
很多时候都要用jsp利用session进行传值 现在静态网页也可以进行同样的操作。希望能帮到大家。
JavaScript第一章示例代码1.rar
js实现页面与页面之间传值, js利用地址栏URL传值, 利用H5 Web 存储 传值, 利用JavaScript Cookie存储 传值
window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ window.open(pageURL,name,parameters) pageURL 为子窗口路径 name 弹出窗口的名字 parameters 为窗口参数(各参数用逗号分隔) ...
javascript父子页面传参方法,很简单的一个DEMO,大家可以看看哦。
JavaScript 王者归来 示例代码
本实例介绍的是如何把值从父窗口和子窗口之间进行相互传递,而且介绍了两种方式都可以实现效果.
javascript select 之间传值效果的代码
JAVASCRIPT弹出窗口代码JAVASCRIPT弹出窗口代码JAVASCRIPT弹出窗口代码