JavaScript从父页面获取子页面的值（子页面又如何访问父页面）

之前还真没做过类似的东西，，top页面获取子页面的document。。

在百度搜了下即找到这个东东，还好，能用。

主要就是使用 contentWindow方法，获取子页面的所有document，再做处理。

通过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://blog.snsgou.com/blog/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");
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>

附加说明：

子页面访问父页面：通过关键字 parent 获取父页面对象

parent.document.getElementById('***')......

转载于:https://www.cnblogs.com/52php/p/5660029.html

JavaScript从父页面获取子页面的值（子页面又如何访问父页面）相关推荐

cefsharp获取ajax返回值,使用javascript从CefSharp浏览器获取文本框的值
我有一个Winforms应用程序,它具有ChromiumWebBrowser控件和一些基本的Windows控件.我希望能够点击一个按钮,调用JavaScript来获取浏览器中的文本框的值,并将返回的值 ...
在idea做项目时在进行模糊查询的时候页面为什么拿不到值_深入浅出Performance工具解决Web页面性能问题
前言 Performance 一个在前端开发领域中,无法被忽视的存在,如果我们的开发是一个满足需求就可以的产品,那么可能就用不到它:但是如果我们想对我们的这个产品,做一个极致的优化,那么 Perfor ...
c语言主函数如何获得子函数的值,子函数中的数组值怎么带回主函数中？
int fid(int c[10][7]) { int i,j; for(i=1;i<=10;i++) { for(j=3;j<=7;j++) c[i][j]=c[i][j]+c[i][j ...
el-select绑定值赋值后，页面无法显示对应label值
el-select绑定值赋值后,页面无法显示对应label值 this.lunwen.achmId＝'1',页面也显示1,无法显示1对应的label值.这种情况大多数是数据类型不统一,比如页面绑定为n ...
Java根据父节点获取所有子节点
通过递归调用的方式根据父节点获取所有子节点并返回列表: //1. 查找父节点位置://2. 根据父节点获取下面的子节点://3. 遍历得到下面的子节点:public static List<St ...
node 后台重定向_登录后重定向到用户原本要访问的页面《 Node.js 应用：重构与改进 #3 》...
现在我是未登录的状态 ... 可以先试着打开一个内容的编辑界面 ... 会被重定向到登录页面 ... 输入用户名 ... 密码 .. 确认登录 ... 成功以后会把用户重定向到这个用户页面上 ... ...
父html向子html传递参数,子组件向父组件传值
react 子组件怎么向父组件传值 Vue中子组件给父组件传值,父组件接收不到 vue组件在html声明的事件尽量不要用大写的哈,会被解析成小写的,因为html属性是大小写不敏感的另外调用的函数要生 ...
php 获取返回值,求助如何获取php socket 返回值
使用抓包工具可以看到,就是页面获取不到返回值,怎么办?? function Send_socket_connect($service_port, $address, $in) { header(&qu ...
从子页面获取父页面的值
这里页面间的传值有很多种方法,前两种方法是页面直接传值后不能同时保持2个页面都还存在,后面两种方法是从父页面弹出子页面2个窗口都能保持: 1.使用超链接通过URL传值或是Response.Redire ...
iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素
一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...

JavaScript从父页面获取子页面的值（子页面又如何访问父页面）

JavaScript从父页面获取子页面的值（子页面又如何访问父页面）相关推荐

最新文章

热门文章