【javascript】javascript中父页面与子页面互传值
来源:互联网 发布:mac上的视频播放软件 编辑:程序博客网 时间:2024/06/11 19:52
之前还真没做过类似的东西,,top页面获取子页面的document。。
在百度搜了下即找到这个东东,还好,能用。
主要就是使用 contentWindow方法,获取子页面的所有document,再做处理。
通过js从父页面获取子页面的值
通常在很多情况下都会遇到通过js来传值的问题,只要通过一些页面关联,他们的值就可以互相传递,其中应用框架的时候传值问题可能会遇到更多一些
1、从父页面传值到子页面可能很容易办到,在很多情况下可以不通过js来传就可以达到目的,但从子页面把数据传给父页面就不是那么容易了,其实思路很简单,首先你要通过父页面找到子页面,按照W3C标准来,语法如下:
1
document.getElementById(
'iframe1'
).contentWindow;
取到子页面对象
2、此文为了达到一个很醒目的效果,做了一个很即时的例子,当鼠标选中子页面的任何文字的时候,父页面的text里面就把显示出来,通过 getSelection和selection.createRange方法来实现,关于selection.createRange是只能在ie6上面 能用,所以要加。
具体代码如下:
01
<html>
02
<head>
03
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=gb2312"
>
04
<title>无标题文档</title>
05
</head>
06
<body>
07
<input type=
"text"
id=
"text1"
>
08
<iframe src=
"http://www.qianyunlai.com/blog/download/demo1.html"
id=
"iframe1"
name=
"iframe1"
style=
"width:60%; height:60%;"
>
09
</iframe>
10
</body>
11
</html>
12
<script language=
"JavaScript"
>
13
var
childHtml = document.getElementById(
"iframe1"
).contentWindow;
14
var
parentText = document.getElementById(
"text1"
);
15
if
(childHtml.document.selection) {
16
childHtml.document.onmouseup =
function
() {
17
parentText.value = childHtml.document.selection.createRange().text;
18
}
19
}
else
{
20
childHtml.onmouseup =
function
() {
21
parentText.value = childHtml.window.getSelection();
22
}
23
}
24
</script>
附加说明:
子页面访问父页面:通过关键字 parent 获取父页面对象
parent.document.getElementById(‘***’)……
转载于:http://www.qianyunlai.com/blog/326.html
- 【javascript】javascript中父页面与子页面互传值
- javascript中父、子页面间调用
- javascript 子页面刷新父页面..
- javascript子页面刷新父页面
- 子页面执行父页面Javascript方法
- JavaScript父、子页面间互传值
- javascript父、子页面交互小结
- javascript父、子页面交互小结
- javascript父、子页面交互小结
- JS技巧:调用iframe中父页面/子页面中的JavaScript方法
- 利用js调用iframe中父页面/子页面中的JavaScript方法
- JS技巧:调用iframe中父页面/子页面中的JavaScript方法
- 子页面调用父页面的函数(javascript)
- Javascript刷新父页面并关闭子页面
- javascript 在子页面调用父页面的方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- 2012年北京成人高校招生录取最低控制分数线
- 2-sat&&http://poj.org/problem?id=3648
- 第一次写超过50行的代码
- 十六进制发送与字符发送的区别
- 数组的排序
- 【javascript】javascript中父页面与子页面互传值
- 背包问题之0/1背包,完全背包,多重背包,混合背包
- 接口
- 北京人和外地人
- appwidget 很详细
- 堆,栈。。。
- sql过滤已经存在的数据 过滤掉已经选择的机构
- 中语言超酷特性 之 --- 多名
- 3dMax教程网站 文字版