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

javaScript中两个页面用open的方法将值进行传递

JavaScriptHTML 
阅读更多
1.html 
  --------------------------------------------------------------------------------- 
  <html> 
  <head> 
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"> 
  <META   NAME="Author"   CONTENT="stefli,^_^stefli"> 
  <META   NAME="Description"   CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/"> 
  <title>页面传递参数</title> 
  </head> 
  
  <body> 
  <form   name="form1"> 
  <input   type="text"   id="stefli"> 
  <input   type="button"   onClick="window.open('2.html','Win_2','width=300,height=100')" (//打开第二个页面)  value="选择参数"> 
  </body> 
  </html> 
  
  
  2.html 
  --------------------------------------------------------------------------------- 
  <html> 
  <head> 
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"> 
  <META   NAME="Author"   CONTENT="stefli,^_^stefli"> 
  <META   NAME="Description"   CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/"> 
  <title>页面传递参数</title> 
  </head> 
  
  <body> 
  <form   name="form1"> 
  <input   type="text"   id="stefli"   value="Design   By   Stefli"> 
  <input   type="button"   onClick="opener.document.form1.stefli.value=document.form1.stefli.value;opener=null;window.close()"   value="提交参数"> 
  </body> 
  </html>
分享到：
| 子窗体给父窗体传值 JavaScript
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 两个页面之间传值

    以上就是在JavaScript中两个页面之间传值的常见方法。每种方法都有其适用场景，根据实际需求选择合适的方式。记住，跨域安全问题在使用这些方法时也需要考虑，特别是涉及到`localStorage`和`postMessage`时。在实际...

    JavaScript中Window.open参数

    ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中，`window.open` 方法是非常实用的一个功能，它可以用来创建一个新的浏览器窗口或标签页，并加载指定的URL。最简单的使用方式如下...

    opener实例页面之间传递参数

    在网页开发中，有时我们需要在不同的页面之间传递数据，以便于实现特定的功能或者流程。`opener`属性在JavaScript中是一种实现跨页面通信的方式，尤其适用于父窗口与弹出窗口或框架之间的交互。本篇文章将深入探讨...

    页面跳转js获取传递的参数

    本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一：使用`window.location.href` ```javascript // 通过修改当前窗口的location.href属性来实现页面跳转，并附带参数 window....

    javascript中文学习文档

    这份"javascript中文学习文档"和"征服Ajax - Web20开发技术详解试读版.pdf"正是针对这两个主题的入门级学习资源，旨在帮助初学者快速掌握JavaScript基础和Ajax的使用。 JavaScript基础知识： 1. **变量与数据类型**...

    showModalDialog和open方法demo实例

    在JavaScript中，`showModalDialog`和`window.open`是两个用于打开新窗口或对话框的方法，它们在网页交互和用户界面设计中扮演着重要角色。这篇文章将详细讲解这两个方法的功能、用法以及它们的区别。 首先，我们来...

    jquery获取URL中参数解决中文乱码问题的两种方法

    当我们需要在两个页面间通过URL传递参数时，经常会遇到中文乱码问题。这个问题主要是因为URL中的参数可能没有经过正确的编码和解码处理。为了解决这个问题，我们可以采取一些方法，特别是当使用jQuery来获取URL参数...

    javascript 父窗口、子窗口传值问题

    例如，一个网页中的超链接可以使用`window.open()`方法打开一个新的窗口，新窗口就是子窗口，而原来的窗口则是父窗口。 ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**：在创建子窗口时，可以通过URL...

    弹出窗口互相传值范例

    2. **Session存储**：可以将值存储在服务器端的Session对象中，两个窗口共享同一个Session，通过Session ID来访问。例如，`Session["value"] = "123"`，在另一个窗口中用`string value = Session["value"].ToString...

    asp javascript值的互相传递方法

    这段代码将`js_name`变量的值赋给form1中的inputX元素，并通过调用`form1.submit()`方法进行提交，这样数据就传递给了ASP。 2. 通过URL参数传递值给ASP： 与HTML表单提交类似，JavaScript也可以通过修改当前页面的...

    用window.open,opener实现网页间通信

    利用这两个API，我们可以实现在两个网页之间直接进行数据传递。 #### 三、前提条件 为了确保跨窗口的数据传输安全，浏览器实施了同源策略。这意味着只有当两个网页来自相同的协议（http 或 https）、域名和端口时...

    弹出框选择 返回父页面值

    "弹出框选择 返回父页面值"这个主题涉及到的是如何在两个或多个页面之间传递数据，特别是在一个页面（子页面）通过弹出框进行用户操作后，将结果传递回原始页面（父页面）。这个过程通常用于实现更复杂的用户交互，...

    父子页面数据相互传递

    数据在父子页面间的传递，可以帮助我们实现更复杂的交互逻辑，如在子页面完成某些操作后，将结果反馈给父页面，或者在父页面中设置初始数据，供子页面使用。 常见的数据传递方法有以下几种： 1. URL参数传递：通过...

    js 页面 弹窗 传值 接值

    另外，也可以在打开新窗口或标签时使用`window.open()`方法传递数据，并在新页面中获取。 总结，JavaScript的弹窗功能主要提供信息展示和简单用户交互。对于更复杂的页面间数据传递，我们需要借助其他技术，如URL...

    window.open父子窗口传值问题

    如果两个窗口属于不同的源（域名、协议或端口），则存在同源策略限制，这会阻止它们直接访问对方的DOM或JavaScript变量。 要解决父子窗口间的传值问题，有以下几种方法： 1. **使用URL参数**：在`window.open`的`...

    ajax中使用javascript的send方法post参数

    ### AJAX中使用JavaScript的send方法POST参数详解 #### 一、引言 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛应用于实现网页的局部刷新，提升用户体验。其中，通过JavaScript发送POST请求是一...

    javascript页面之间传值

    在JavaScript编程中，页面间传值是一个常见的需求，特别是在构建多窗口或框架的应用时。本实例将探讨如何在父窗口与子窗口之间有效地传递数据，以及两种实现这一目标的方法。 第一种方法是通过`window.open()`函数...

    javascript父子页面传参

    在JavaScript编程中，父子页面之间的通信是一个常见的需求，特别是在单页应用（SPA）或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数，并通过提供的DEMO文件（a.html、c.html、b.html...

    子窗口向父窗口传递值

    总结一下，子窗口向父窗口传递值主要依赖于`window.parent`和`window.opener`这两个属性，它们允许子窗口访问并操作父窗口的DOM元素。通过结合查询字符串传递初始数据和JavaScript操作，可以实现复杂的跨窗口通信。...

    用JS(javascript)从另一个html中读取标题和正文body

    通过`XMLHttpRequest.open()`设置请求方法（如GET）和URL，然后在`onreadystatechange`事件中检查`readyState`和`status`，当状态为4且状态码为200时，表示请求成功，此时可以通过`responseText`属性获取到HTML内容...

Magicbox
Global site tag (gtag.js) - Google Analytics