iframe跨域域名相同_如何用js操控iframe引用的跨域网站

1、JavaScript 怎么跨域获取 iframe 中的内容

要解释这个问题，首先要解释两个技术点。

每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。

Runtime之间互操作（或者通信）是有跨域限制的。也就是说，如果这个窗口本身是a.baidu.com域名下的页面，那么如果这个页面下还有一个iframe，这个iframe中加载的页面是b.baidu.com域名下的。那么外层的JS。就不能跟这个iframe中的内容互操作（或者通信）。

因此外层Runtime中的JS想操作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行document.domain = 'baidu.com';从而设置跟外层的主域相同。

例如，当前页面是a.baidu.com/test.html
<html>
<head>
</head>
<body>
<iframe id="iFrm1" src = ""margin: 0px; padding: 0px; color: rgb(69, 69, 69); font-family: arial, 宋体, sans-serif, tahoma, 'Microsoft YaHei'; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
iframe中加载的页面内容如下：
<html>
<head>
</head>
<body>
<div id="innerDiv">恭喜操作到内部iframe中的元素了！！！</div>
<script>
document.domain = 'baidu.com';
</script>
</body>
</html>

在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信，并且可以实现跨主域通信。但是有一些限制，1.老版本的浏览器一般不支持。2.父窗口只能向iframe中发送信息，iframe只能收消息，且父窗口不能直接操作iframe中的内容。3.父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。

2、如何用js操控iframe引用的跨域网站

<body>
<button id="btn">submit</button>
<iframe src="http://www.baidu.com" id="frame" frameborder="0"></iframe>
</body>
<script>
var btn=document.getElementById('btn');
var fr=document.getElementById('frame');
btn.addEventListener("click", function() {
fr.contentWindow.location.href="http://www.2345.com";
});
</script>

给按钮绑定个事件吧然后执行回iframe.location.href="新闻页地答址";

3、我的iframe嵌套在别人页面上，在iframe中ajax访问自己服务器也算跨域？

只要是同个域名下的文件(即使不在同个文件夹)，就不算跨域。你的parent页面和iframe页面的域名相同么？
不同级的域名(如一个为主域名，一个为二级域名)会有跨域问题。

4、如何解决iframe跨域子域名间跨域操作js的问题

建立隐藏iframe前页面b.html,并前页定义函数a服务器端返数据重定向同域页面（a.html）a.html写段js执行函数a提取a.html数据obj并数据作参数传给函数window.parent.a(obj);a.html包含b.html所window.parent.a(obj)其实调用b.html定义a函数硬跨域数据拿

5、如何控制iframe内跨域页面不打开新页面

我刚解决过类似的问题你在子页写COOKIE的时候,同时调用这里也保存父页所版在域的cookie, 然后权你想操作的时候,再调一个,在do文件里判断和控制JS跳出新窗口. year.明白了吗? 动动手就可以了. 哈哈,再想一下,哦,原来session也可以啊.

parent.parent.document.getElementById，应该是可以操作的，我之前有一个子页面操作父级页面iframe高度的例子，跟你这个比较类似吧，因为你c.html是跟a.html同一个域名的，所以c.html应该是可以操作a.html的内容。

我的思路是：建议你不要在c.html中用定时器监测hash变化，你可以在b.html中操作完毕后，先删除src为c.html的iframe，完后再重新创建一个iframe，src为c.html，完后通过c.html中的js控制a.html中的内容，比如你可以把值放到a.html中的hidden的input标签里。我觉得这应该是能够做到的。

6、js如何操作iframe的跨域问题

A域名下的页copy面index.htm中内嵌了一个iframe页面，iframe内引用的是B域名的sub-index.htm页面，但是为了避免出
现在index.htm页面中出现滚动条，需要明确知道sub-index.htm页面的高度和宽度，可是sub-index.htm的页面内容是不可控的，可能会根据不同用户页面大小会不一样；问题就是如何把sub-index.htm页面的高度和宽度传递给index.htm页面？

具体解决：
1、在index.htm页面中声明一个js函数process(height, width);用来实现设置页面内iframe的高度和宽度；
2、
在sub-index.htm页面中再内嵌一个隐藏的iframe，iframe的src指向A域名下的页面ex.htm?height=xx&
width=yy，该页面没有任何内容，只是用来传递sub-index.htm页面加载完之后的宽度和高度这两个数据的，页面内js拿到request
中的参数之后直接调用parent.parent.process(height, width);完成对父页面宽度和高度的设置；
如图：

7、iframe跨域报告拒绝访问问题。在项目iframe里面引入另一个域里面的一个网页，就报告没有权限和拒绝访问

8、IE8.0下iframe跨域的实现

我知道ie6是完全可以实现的。你需要用这个做什么？能透漏下吗

9、对比jsonp和document.domain+iframe做跨域的异同

documen.domain只能嵌套iframe才能跨域。建议用jsonp方法； varajaxLogoutScript=document.createElement("script")

10、IFRAME 的JS跨域问题

其实你说的就是A和B是不同域名的,那么A和B之间的数据交互(包括JS访问)都是受限制的,这是浏览器的安全问题,是不允许的

导航:首页 > IDC知识 > iframe跨域域名相同

iframe跨域域名相同

与iframe跨域域名相同相关的知识