脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → window.returnValue

window.returnValue使用方法示例介绍

 更新时间：2014年07月03日 08:52:56   投稿：whsnow  
returnValue是javascript中html的window对象的属性,目的是返回窗口值，下面有个示例，大家可以感受下

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。

相关文章

  • 基于RequireJS和JQuery的模块化编程日常问题解析

    基于RequireJS和JQuery的模块化编程日常问题解析

    本文是小编日常收集整理些有关RequireJS和JQuery的模块化编程，感兴趣的朋友一起学习吧
    2016-04-04
  • JS获取鼠标坐标的实例方法

    JS获取鼠标坐标的实例方法

    这篇文章介绍了JS获取鼠标坐标的实例方法，有需要的朋友可以参考一下
    2013-07-07
  • 超全面的JavaScript开发规范（推荐）

    超全面的JavaScript开发规范（推荐）

    作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本文就主要介绍了关于Javascript的命名规范、注释规范以及框架开发的一些问题，需要的朋友可以参考学习。
    2017-01-01
  • 用javascript实现读取txt文档的脚本

    用javascript实现读取txt文档的脚本

    用javascript实现读取txt文档的脚本...
    2007-07-07
  • js继承的6种方式详解

    js继承的6种方式详解

    这篇文章主要给大家介绍了关于js继承的6种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • DataGear开发基于three.js的3D数据可视化看板的详细代码

    DataGear开发基于three.js的3D数据可视化看板的详细代码

    DataGear 支持采用原生的HTML、JavaScript、CSS制作数据可视化看板，也支持导入由npm、vite等前端工具构建的前端程序包，这篇文章主要介绍了DataGear制作基于three.js的3D数据可视化看板,需要的朋友可以参考下
    2024-02-02
  • iframe子父页面调用js函数示例

    iframe子父页面调用js函数示例

    iframe子页面调用父页面js函数及iframe父页面调用子页面js函数在实际项目中都是很实用的，下面有个不错的示例，感兴趣的朋友可以了解下
    2013-11-11
  • Openlayers显示瓦片网格信息的方法

    Openlayers显示瓦片网格信息的方法

    这篇文章主要为大家详细介绍了Openlayers显示瓦片网格信息，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 解决给dom元素绑定click等事件无效问题的方法

    解决给dom元素绑定click等事件无效问题的方法

    本文主要介绍了解决给dom元素绑定click等事件无效问题的方法。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • uni-app中renderjs使用的方式浅析

    uni-app中renderjs使用的方式浅析

    renderjs是一个运行在视图层的js,它只支持app-vue和h5,下面这篇文章主要给大家介绍了关于uni-app中renderjs使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09

最新评论