window.returnValue使用方法示例介绍


Posted in Javascript onJuly 03, 2014

window.showModalDialog是弹出模式窗口的方法

returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

1、parent.html

//father.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 

function showmodal(){ 
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no"); 
if (ret){alert('子窗口返回真!'); 
}else{ 
alert('子窗口返回假!'); 
} 
} 
</script> 
</HEAD> 

<BODY> 
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();"> 
</BODY> 
</HTML>

2、child.html

//child.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 
function trans(tag){ 
if (tag==0){ 
window.returnValue=false; 
} else{ 
window.returnValue =true; 
} 
window.close(); 
} 
</script> 
</HEAD> 
<BODY> 

<INPUT id=button1 type=button value="返回真" name=button1 onclick="trans(1)"> 
<INPUT id=button2 type=button value="返回假" name=button2 onclick="trans(0)"> 

</BODY> 
</HTML>

总结:

这样一来可以实现从模式窗口向父窗口传递值的作用,这个returnValue除了可以是布尔值,整型值等以外还可以是个js数组,用来传递大量数据。

具体showModalDialog等的用法,可以参考msdn。

Javascript 相关文章推荐
从零开始学习jQuery (六) jquery中的AJAX使用
Feb 23 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
详解angular2 控制视图的封装模式
Dec 27 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
基于javascript的JSON格式页面展示美化方法
Jul 02 #Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 #Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 #Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 #Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 #Javascript
js面向对象编程之如何实现方法重载
Jul 02 #Javascript
jquery.validate.js插件使用经验记录
Jul 02 #Javascript
You might like
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
JS的反射问题
2010/04/07 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
Javascript 键盘事件的组合使用实现代码
2012/05/04 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
2017/09/21 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
基于Python实现扑克牌面试题
2019/12/11 Python
python正则表达式实例代码
2020/03/03 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
Pytorch数据拼接与拆分操作实现图解
2020/04/30 Python
Keras Convolution1D与Convolution2D区别说明
2020/05/22 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
2015质检员个人年终工作总结
2015/10/23 职场文书