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。

相关文章

  • JavaScript几种弹窗事件的使用

    JavaScript几种弹窗事件的使用

    这篇文章主要介绍了JavaScript几种弹窗事件的使用,弹窗事件就是在我们执行某操作的时候,弹出信息框给出提示。或收集数据的时候,弹出窗口收集信息,不想收集可以取消隐藏,下文介绍需要的朋友可以参考一下
    2022-02-02
  • webpack配置文件外置的两种实现方式

    webpack配置文件外置的两种实现方式

    webpack配置环境变量文件,是根据打包命令寻找对应的环境变量文件,从而获取接口地址,本文就来介绍一下webpack配置文件外置的两种实现方式,感兴趣的可以了解一下
    2023-12-12
  • JavaScript Blob对象原理及用法详解

    JavaScript Blob对象原理及用法详解

    这篇文章主要介绍了JavaScript Blob对象原理及用法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • js实现跟随鼠标移动的小球

    js实现跟随鼠标移动的小球

    这篇文章主要为大家详细介绍了js实现跟随鼠标移动的小球,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • js获取html参数及向swf传递参数应用介绍

    js获取html参数及向swf传递参数应用介绍

    HTML页面是在客户端执行的,这样要获取参数必须使用客户端脚本如JavaScript,在这点上与服务器端脚本获取参数方式有所不同接下来将详细介绍下感兴趣的你可不要错过了哈
    2013-02-02
  • js中Map和Set的用法及区别实例详解

    js中Map和Set的用法及区别实例详解

    map和set一样是关联式容器,它们的底层容器都是红黑树,区别就在于map的值不作为键,键和值是分开的,下面这篇文章主要给大家介绍了关于js中Map和Set的用法及区别的相关资料,需要的朋友可以参考下
    2022-02-02
  • 详解JS获取HTML DOM元素的8种方法

    详解JS获取HTML DOM元素的8种方法

    本篇文章主要介绍了详解JS获取HTML DOM元素的8种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • JS实现JSON.stringify的实例代码讲解

    JS实现JSON.stringify的实例代码讲解

    JSON.stringify是浏览器高版本带的一个将JS的Objtect对象转换为JSON字符串的一个方法,不过再IE6下面,并不存在JSON这一对象,因此,用到此方法时,需要写一套兼容性的代码。接下来通过本文给大家分享JS实现JSON.stringify的实例代码,需要的朋友参考下吧
    2017-02-02
  • JS+html5 canvas实现的简单绘制折线图效果示例

    JS+html5 canvas实现的简单绘制折线图效果示例

    这篇文章主要介绍了JS+html5 canvas实现的简单绘制折线图效果,结合实例形式分析了js结合HTML5 canvas技术实现图形绘制的数值运算与数组遍历等操作技巧,需要的朋友可以参考下
    2017-03-03
  • JS优化冗余代码的技巧分享

    JS优化冗余代码的技巧分享

    这篇文章主要为大家整理了18个JavaScript优化冗余代码的技巧,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下
    2023-08-08

最新评论