之前还真没做过类似的东西,,top页面获取子页面的document。。
在百度搜了下即找到这个东东,还好,能用。
主要就是使用contentWindow方法,获取子页面的所有document,再做处理。
原文地址: http://student.csdn.net/space.php?uid=40568&do=blog&id=33111
通过js从父页面获取子页面的值
通常在很多情况下都会遇到通过js来传值的问题,只要通过一些页面关联,他们的值就可以互相传递
其中应用框架的时候传值问题可能会遇到更多一些
1、从父页面传值到子页面可能很容易办到,在很多情况下可以不通过js来传就可以达到目的,但从子页面把数据传给父页面就不是那么容易了,其实思路很简单,首先你要通过父页面找到子页面,按照W3C标准来,语法如下:
document.getElementById(”iframe1″).contentWindow;
取到子页面对象
2、此文为了达到一个很醒目的效果,做了一个很即时的例子,当鼠标选中子页面的任何文字的时候,父页面的text里面就把显示出来,通过 getSelection和selection.createRange方法来实现,关于selection.createRange是只能在ie6上面 能用,所以要加。
具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<input type="text" id="text1">
<iframe src="http://www.uideas.cn/download/demo1.html" id="iframe1" name="iframe1" style="width:60%; height:60%;"></iframe>
</body>
</html>
<script language="JavaScript">
var childHtml = document.getElementById("iframe1").contentWindow;
var parentText = document.getElementById("text1");
var getValue = "";
if(childHtml.document.selection){
childHtml.document.onmouseup=function(){
parentText.value = childHtml.document.selection.createRange().text;
}
}else{
childHtml.onmouseup=function(){
parentText.value=childHtml.window.getSelection(); }
}
</script>
相关推荐
我们在实际的开发当中经常要获取页面中某个html元素,动态的更新该元素的样式、内容属性等。 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法.
//直接通过XMLHttpRequest对象获取远程网页源代码 function getSource() { var url = document.getElementById("url").value; //获取目标地址信息 //地址为空时提示用户输入 if (url == "") { alert("请输入...
IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...
JS获取窗口属性值 JS获取窗口属性值 JS获取窗口属性值
使用javaScript从高德地图获取数据
有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()
主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
本文实例讲述了JavaScript获得当前网页来源页面(即上一页)的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The ...
javascript 利用ajax获取验证码内容和session值
javascript 获取滚动条高度 页面宽度 页面高度 教程
两个js弹出div层并获取当前页面值的html例子,非常有参考价值,供初学者参考
使用JavaScript实现文件上传到本地服务器并获取到上传后文件所在路径,是由到JavaScript,java以及html页面。这个比较好,不是在jsp上获取路径,jsp太简单了,而且过时了,所以就在html页面实现了下功能,我主要是做...
帧用来存放子页面,既可以是iframe,又可以是...思路是子页面的元素都在其window.document对象里面,先获取它然后就好说了。 帧最好设置name属性,这样操作最方便。如 <iframe name=test src=child.html></if
javascript获得单选框的值,这个函数实现对html页面中,单选框的取值封装
JavaScript应用实例-获取页面所有文字.js
关于获取各种浏览器可见窗口大小的一点点研究。使用javascript轻松实现日常需要的功能。
用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload(); [removed] 弹出子页面 [removed] window.opener.location.reload(); [removed] 子窗口刷新父窗口 [removed] self.opener.location....
html用JavaScript获取页面上被选中的文字的技巧
JavaScript 获取滚动条位置并将页面滑动到锚点 前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行...
获取HTML静态页面参数传递值可以利用split函数来按参数切成数组、利用正则表达式来获取,具体实现如下,感兴趣的朋友可以参考下