frame框架之间传值
parent.html代码
<!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>
</head>
<frameset cols="250, *" frameborder="1">
<frame src="left.html" name="left" />
<frame src="right.html" name="right" />
</frameset>
</html>
left.html代码
<!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>
</head>
<body>
用户名:<input type="text" name="username"/>
</body>
</html>
right.html代码
<!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 setValueToLeft() {
// window对象表示装载该网页的那个帧窗口,这个window对象的parent属性对应整个浏览器窗口对象,
// 整个浏览器窗口对象的frames数组属性的第0个元素就是左边帧窗口
var username = window.parent.frames[0].document.getElementsByName("username")[0];
username.value = "keveon";
alert(username.value);
}
</script>
</head>
<body>
<input type="button" value="设值" onclick="setValueToLeft()" />
</body>
</html>
iframe框架之间传值
parent.html代码
<!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 setValueToChild() {
// frames表示当前窗口所拥有的子窗口的属性,是一个数组
// 获取第一个子窗体即<iframe src="child.html"></iframe>
var age = window.frames[0].document.getElementsByName("age")[0];
age.value = "20";
}
</script>
</head>
<body>
<h1>这是父窗体</h1>
<iframe src="child.html"></iframe>
<hr />
用户名:<input name="username" /><br />
<input type="button" value="给子窗体赋值" onclick="setValueToChild()" />
</body>
</html>
child.html代码
<!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 setValueToParent() {
// 通过window.parent获取父窗体对象
var username = window.parent.document.getElementsByName("username")[0];
username.value = "keveon";
}
</script>
</head>
<body>
<h3>这是子窗体</h3>
年龄:<input name="age" />
<input type="button" value="给父窗体赋值" onclick="setValueToParent()" />
</body>
</html>
分享到:
相关推荐
frame与frame之间如何用JavaScript传值
NULL 博文链接:https://phpxiaoxin.iteye.com/blog/423340
javascript多窗口多框架实例介绍了多窗口多框架之间的相互调用
javascript 两个页面之间传值 使用window.open()
本实例介绍的是如何把值从父窗口和子窗口之间进行相互传递,而且介绍了两种方式都可以实现效果.
主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下
JSP之间传值大家应该都会,在HTML之间传值大家考虑过吗? 本文档完美的在HTML之间传值,并且可以随意过滤掉不想要的传值。 更多资源请关注我的博客:http://blog.csdn.net/imwangjiping
MFC的WebBrowser控件 C++与JavaScript之间数据交互传递
javascript 实现提示像google提示的东西
主要介绍了JavaScript实现弹出子窗口并传值给父窗口,方法很简单,这里推荐给大家,需要的朋友可以参考下
js实现页面与页面之间传值, js利用地址栏URL传值, 利用H5 Web 存储 传值, 利用JavaScript Cookie存储 传值
window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ window.open(pageURL,name,parameters) pageURL 为子窗口路径 name 弹出窗口的名字 parameters 为窗口参数(各参数用逗号分隔) ...
JS获取窗口属性值 JS获取窗口属性值 JS获取窗口属性值
post方式直接传递值,页面传值注意事项
javascript和jsp面之间的传值.docx
javascript和jsp页面之间的传值.docx
源码是个MFC程序,加载了一个WebBrowser控件,并实现了C++与JavaScript之间数据交互传递。分成两个模块,分别展示数据传递的两个方向。
javascript的页面传值。值得下载!
本文实例讲述了javascript浏览器窗口之间传递数据的方法。分享给大家供大家参考。具体分析如下: 摘要: 在项目开发中我们经常会遇到弹窗,有的是通过div模拟弹窗效果,有的是通过iframe,也有通过window自带的open...
javascript常见的7个框架,面试时最容易问到的框架题目!