Js跨域、父级窗口执行JS赋值、取值,更改元素
2013-12-02 09:48
267 查看
网站域名:
A:http://www.xxoo.com/a.html
B:http://www.aabb.com/b.html
B网站嵌套与A网站(A的a中的Iframe指向B中的b)b要让父级a页面执行脚本 则有如下几种方式:
在A域名下网站新建a1.html页面
在B域名下b网页添加iframe 指向a1.html页面 路径为http://www.xxoo.com/a1.html#你的参数
在a1页面中用:var str = window.location.hash; 获取
通过:var obj = window.top; 来获取顶级框架的对象
然后 通过obj 来访问对象:obj.document.getElementById("hidUId").value='aa';即可。
关系图:
原理:JS默认限制不允许不同域名通过JS进行操作
这样用window.top 保证了在同一域名下,虽说麻烦但是为了效果有时候也得牺牲下苦力了!
A:http://www.xxoo.com/a.html
B:http://www.aabb.com/b.html
B网站嵌套与A网站(A的a中的Iframe指向B中的b)b要让父级a页面执行脚本 则有如下几种方式:
在A域名下网站新建a1.html页面
在B域名下b网页添加iframe 指向a1.html页面 路径为http://www.xxoo.com/a1.html#你的参数
在a1页面中用:var str = window.location.hash; 获取
通过:var obj = window.top; 来获取顶级框架的对象
然后 通过obj 来访问对象:obj.document.getElementById("hidUId").value='aa';即可。
关系图:
原理:JS默认限制不允许不同域名通过JS进行操作
这样用window.top 保证了在同一域名下,虽说麻烦但是为了效果有时候也得牺牲下苦力了!
相关文章推荐
- JS子父窗口互相取值赋值详解介绍
- JS脚本:JS子父窗口互相操作取值赋值的方法介绍
- JS子父窗口互相操作取值赋值的方法介绍
- js 获取div里的值 2种方法给父窗口控件赋值和取值
- JS子父窗口互相操作取值赋值的方法介绍
- JS子父窗口互相取值赋值详解介绍
- JS子父窗口互相操作取值赋值的方法介绍
- JS子父窗口互相操作取值赋值的方法介绍
- JqueryForm表单元素取值赋值的各种用法
- 页面间(窗口间)的取值赋值及获取iframe下的window对象
- 从NodeList中搜索checkbox元素,并赋值选中 纯JS代码
- jQuery对表单元素的取值和赋值操作代码
- js获取元素位置和窗口高度
- js和jquery获取父级元素、子级元素、兄弟元素的方法{转}
- js对fck编辑器取值 赋值
- JS获取页面,元素,窗口和返回页面,元素,窗口的宽高以及滚动值
- js获取元素下所有子元素总宽度赋值给父元素
- ios与js交互,获取webview完整url,title,获取元素并赋值跳转
- JS获取节点的兄弟,父级,子级元素的方法
- 【js学习笔记-087】----文档和元素的几何形状和滚动(视口与窗口)