`
在水伊方
  • 浏览: 111088 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

JavaScript窗口之间值传递—本窗口之间值传递

JavaScriptXHTMLHTML 
阅读更多

本窗口之间值传递

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">	
	function test() {
		// 根据名字获得的值是一个数组(因为可能存在名字一样的多个表单元素)，所以要下标[0]
		var username = document.getElementsByName("username")[0];
		// 也可以通过表单名设置
		// document.form.username.value = "keveon";		
		// 刚开始没有赋值，值为空		
		alert(username.value);	
		// 给表单元素赋值	
		username.value = "keveon";
	}	
	
	function test_span() {
		// 根据id获取元素的值
		var span = document.getElementById("span");
		alert(span.innerText);
		// 给非表单元素赋值
		span.innerText = "测试完成";
	}
</script>
</head>

<body>
<form name="form">
	用户名：<input type="text" name="username"/><br />
    <input type="button" onclick="test()" value="给表单元素设值"/>
   	<hr />
</form>    
    <span id="span">这是一个span测试</span><br />
	<input type="button" value="给非表单元素设值" onclick="test_span()"/>
</body>
</html>

 

分享到：
| JavaScript帮助文档
评论
发表评论

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

相关推荐

    子窗口向父窗口传递值

    本文将详细介绍如何在父窗口和子窗口之间传递数据，重点是“子窗口向父窗口传递值”。 首先，我们来看如何打开子窗口并传递数据。通常，我们可以使用`window.open()`函数来创建一个新的浏览器窗口。例如： ```...

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

    本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先，我们需要理解“父窗口”和“子窗口”的概念。在浏览器环境中，一个窗口可以打开另一个窗口，前者称为父窗口，后者称为子窗口。例如，一...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    - `arguments`：可选参数，可以传递给新窗口的数据对象，通常用于向子窗口传递值。 - `features`：可选参数，定义新窗口的特性，如宽度、高度、位置等，用逗号分隔。 **父窗口向子窗口传递值：** 在`arguments`参数...

    Layui实现父子页面之间值传递.zip

    本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先，我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制，通过 `layui.use()` 方法加载需要的模块，如 `layui....

    js(javascript)子窗口和父窗口交互

    之后通过 `win.document.writeln()` 向新窗口写入了简单的 HTML 内容，显示了从父窗口传递过来的信息。 ##### 2. 子窗口向父窗口回传数据 为了使子窗口能够向父窗口发送数据，可以进一步扩展上述示例： ```...

    两个窗口之间的传值 传多个值 传单个值

    本主题将深入探讨“两个窗口之间的传值”这一概念，包括如何传递单个值以及多个值。 首先，我们要理解什么是窗口间的通信。在Web浏览器环境中，一个窗口可能包含多个标签页，每个标签页又可以打开多个子窗口或弹出...

    Javascript_表单之间的数据传递

    ### JavaScript 表单之间的数据传递 #### 知识点概览 - **JavaScript与HTML结合进行数据传递** - **表单元素的选择与操作** - **事件处理函数的应用** - **不同窗口或框架间的通信** #### 知识点详解 ##### ...

    javascript浏览器窗口之间传递数据的方法

    本文将详细介绍使用JavaScript在浏览器窗口之间传递数据的方法，包括父窗口向子窗口传递参数以及子窗口向父窗口返回数据的技巧。 首先，父窗口向子窗口传递数据的方法通常采用URL参数的方式。在父窗口中，使用...

    HTML 父窗口打开子窗口，并接收子窗口返回的值.zip

    在这个名为"HTML 父窗口打开子窗口，并接收子窗口返回的值"的示例中，我们主要探讨如何利用JavaScript在HTML页面中打开新的子窗口，并在子窗口与父窗口之间进行通信，传递数据。 首先，`index.html`很可能是主页面...

    jsp与javascript配合,父窗口与子窗口之间刷新

    本示例探讨的是如何将JSP与JavaScript结合，实现父窗口与子窗口之间的数据通信及页面刷新功能，特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释： 1. **JSP（JavaServer Pages）**：JSP是一种...

    javascript页面之间传值

    例如，如果在父窗口中创建了一个名为`childWin`的子窗口，我们可以在子窗口中设置一个全局变量来存储从父窗口传递过来的值，然后在父窗口中通过`childWin.myValue`来获取这个值。 第二种方法是利用`window.post...

    javascript打开静态子窗口

    当使用JavaScript打开子窗口时，通常需要在父窗口与子窗口之间传递数据。这可以通过以下几种方式实现： - **通过URL传递参数**：可以在打开子窗口时，在URL中附加查询字符串来传递数据。 - **使用 `window.opener` ...

    js中用open方式打开新窗口向父窗口传值

    * 在使用`window.open()`方法时，我们需要确保父窗口和子窗口之间的同源策略，以便正确地传递值。 * 在使用`window.open()`方法时，我们需要注意浏览器的安全限制，以免出现安全问题。 使用`window.open()`方法可以...

    javascript经典特效---子窗口对父窗口的操作.rar

    JavaScript是一种广泛应用...总之，JavaScript提供的窗口操作能力使得子窗口与父窗口之间的通信变得可能，这对于构建动态和交互丰富的Web应用至关重要。通过深入研究这个主题，开发者能够创建更加灵活和响应式的网页。

    js 主窗口与子窗口传值问题【摘抄】

    本文将深入探讨如何在JavaScript中实现主窗口（parent window）与子窗口（child window）之间的值传递。 首先，我们需要理解浏览器的同源策略（Same-Origin Policy）。这个策略限制了不同源的窗口之间不能随意访问...

    编程实现弹出窗口选择值

    本主题将深入探讨如何在.NET环境中实现弹出窗口选择值的功能，主要涉及Web Forms技术。 1. **Web Forms基础** Web Forms是.NET Framework中的一个关键组件，它允许开发者构建基于服务器的网页应用程序。Web Form...

    javascript实现浏览器窗口传递参数

    博文链接：https://zhanglingsi.iteye.com/blog/243677

    全屏窗口javascript全屏

    本篇文章将深入探讨如何利用JavaScript实现全屏操作，并解决在过程中可能遇到的问题。 首先，我们需要了解浏览器提供的全屏API。在HTML5中，`Fullscreen API`被引入，允许网页元素进入或退出全屏模式。主要涉及到的...

    子窗口传值到父窗口.rar

    在Web开发中，有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中，用户在子窗口进行操作后，需要将结果反馈给父窗口，以便更新父窗口的状态或展示相关信息。这个过程就称为“子...

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