`
wang_zhi_peng2007
  • 浏览: 249140 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js中实现子页面向父页面中赋值(两种方法)

 
阅读更多

  (方法一)

父页面:
<input  id="input1" type="text"/>
<a href="javascript:window.open('test1.aspx');void(0)">弹出新的子窗口</a>

子页面:
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();" value="更新父窗口的内容"/>
<script type="text/javascript" language="javascript">
function doit()
{
  var _value=document.getElementByIdx('input2').value;
  window.opener.document.getElementByIdx('input1').value=_value;
}
</script>

 

(方法二)

父页面:
<input id="input1" type="text" />
<a href="javascript:GetReturnValue();void(0)">弹出新的模态子窗口</a>
<script type="text/javascript" language="javascript">
 function GetReturnValue()
 {
     var temp= window.showModalDialog("test1.aspx","","center=yes;help=no;status=no");
     document.getElementByIdx('input1').value = temp;
 }
</script>

子页面:
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();"  value="更新父窗口的内容"/>
<script type="text/javascript" language="javascript">
function doit()
{
  var _value=document.getElementByIdx('input2').value;
  window.returnValue =_value;
  window.close();
}
</script>

 

分享到:
评论

相关推荐

    浅析js实现网页截图的两种方式

    【网页截图技术浅析:JS实现的两种方法】 在Web开发中,虽然网页截图并不是一个常见的需求,但当需要时,它能发挥重要的作用。本文将深入探讨两种使用JavaScript实现网页截图的技术:Canvas和SVG。 ### 1. Canvas...

    js实现刷新当前页面

    除了上述两种常用方法外,还有其他几种方式可以实现页面刷新,包括但不限于: - **`history.go(0)`** - **定义**: 使用历史记录 API 进行刷新。 - **示例代码**: ```javascript history.go(0); ``` - **`...

    vuex直接赋值的三种方法总结

    在使用Vue.js框架开发单页面应用时,Vuex作为其状态管理库,扮演着全局状态管理的角色。随着应用变得越来越复杂,如何高效地读取和修改状态(state)就显得尤为重要。本文将总结三种在Vue组件中直接通过Vuex赋值的...

    javascript给span标签赋值的方法.docx

    本文主要介绍如何使用JavaScript为`&lt;span&gt;`标签赋值,我们将通过两种不同的方法来进行阐述。 #### 方法一:原生JavaScript 在原生JavaScript中,我们可以使用`getElementById`方法来获取指定ID的`&lt;span&gt;`元素,并...

    小程序同一页面赋值Jso的数据并显示出来

    本话题将深入探讨如何在小程序中使用JSON对象(JSO)来为页面赋值,并有效地展示这些数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析和生成。...

    javascript给span标签赋值的方法

    关于JavaScript给span标签赋值的方法,我们可以通过原生JavaScript或者使用jQuery这两种主流技术来实现。下面详细介绍这两种方法。 首先,原生JavaScript方法是前端开发中最基础的操作之一。通过原生JavaScript给...

    Hbuilder MUI 页面刷新及页面传值问题

    在MUI框架下进行页面间的传值主要有两种方式:`mui.fire()`方法和`mui.openWindow()`方法。 ##### 1. 从A页面传值到B页面(mui.fire()方式) **步骤1:A页面代码** ```javascript var main = plus.webview....

    通过js给html元素赋值

    在网页开发过程中,JavaScript(简称JS)是一种非常重要的客户端脚本语言,常用于动态地控制HTML页面中的元素。本文将详细介绍如何使用JavaScript为HTML元素赋值,并探讨多种赋值方法。 #### 基础概念 在Web开发中...

    js刷新当前页面

    这两种方法本质上都是将当前 URL 重新赋值给 `location` 对象,从而达到刷新页面的目的。它们的效果与 `location.reload()` 相似。 ```javascript // 重新加载页面 location = location; location.assign(location)...

    页面xml解析input自动赋值工具

    最后,压缩包中的文件"页面xml解析自动赋值工具"可能是实现这些功能的源代码,可能包括HTML文件、JavaScript文件(可能包含jQuery库和工具的实现)、CSS文件以美化界面,以及可能的示例XML文件用于测试和演示。...

    基于javascript实现动态时钟效果

    首先,需要了解JavaScript是一种高级的、解释型的编程语言,广泛应用于网页设计中,让静态的页面具备动态的效果。在实现动态时钟效果时,JavaScript中的Date对象是必不可少的,它提供了获取和操作日期和时间的方法。...

    JS刷新当前页面的几种方法总结

    此外,还有两种自动刷新页面的方法: 1. 使用HTML的`&lt;meta&gt;`标签,通过设置`http-equiv="refresh"`属性和`content`属性来指定刷新间隔和目标URL。 2. 使用JavaScript的定时器`setTimeout`,结合`window.location....

    两个页面之间的传值方法

    本文将详细介绍两个页面之间的传值方法,包括常见的几种传值方式及其应用场景,并通过具体示例进行说明,帮助读者更好地理解和掌握这一核心技能。 ### 一、URL参数传值 #### 1.1 基本原理 URL参数传值是最为直接的...

    php中给js数组赋值方法

    PHP中给JavaScript数组赋值的方法主要是利用JSON(JavaScript Object Notation)格式进行数据交换。JSON是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,同时易于人阅读和编写,也易于机器解析和生成...

    Vue子组件与父组件(看了就会).doc

    父组件可以通过向子组件传递属性来通信,就像 `fade` 向 `item` 传递 `content` 和 `index`。 组件注册有两种方式:全局注册和局部注册。全局注册的组件可以在 Vue 应用的任何地方使用,而局部注册的组件仅限于其...

    JS 当前页面打开URL页面

    【标题】"JS 当前页面打开URL页面"指的是在JavaScript编程环境下,如何通过代码实现从当前正在浏览的页面跳转到指定的URL页面。在Web开发中,这是一项基础但非常实用的功能,允许开发者控制用户的浏览体验,例如...

    画图,引用页面

    在ASP.NET开发中,"画图,引用页面"这一主题主要涉及到两个关键点:一是如何在网页上进行图形绘制,二是如何通过`div`元素来引用其他页面。这两个知识点是构建交互式和动态Web应用程序的重要组成部分。 首先,我们...

    jqgrid行编辑+动态为其他列赋值

    默认情况下,jqGrid提供了两种编辑模式:行编辑和弹出式编辑。行编辑模式下,单元格变为可编辑,用户可以直接在表格内修改数据;而弹出式编辑则会在一个新的窗口或模态对话框中显示完整的表单,用于编辑选定行的所有...

    浅谈Vue.js 关于页面加载完成后执行一个方法的问题

    这两种策略都提供了在Vue.js中确保页面完全加载后执行方法的方法。选择哪种取决于具体的应用场景和需求。对于复杂的应用,可能还需要结合Vue的其他特性,如`nextTick`或异步数据获取,以确保在DOM更新或数据加载完成...

    layui 对弹窗 form表单赋值的实现方法

    在本文中,我们将深入探讨如何使用layui框架在弹窗中为form表单赋值,特别是在点击编辑按钮后实现数据回显到子页面表单内的功能。layui是一个优秀的前端UI框架,提供丰富的组件和便捷的API,包括弹窗、表单等,使得...

Global site tag (gtag.js) - Google Analytics