能通过 js 或者 jquery 检测到 iframe 内的网页是否使用了同源策略吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2976 days ago, the information mentioned may be changed or developed.

要通过 iframe 打开别人的网页，但是有的网站使用了同源策略，导致内容打不开，现在想知道有没有办法知道 iframe 的页面是否使用了同源策略，然后根据判断去做处理

Supplement 1 · Mar 7, 2018

一旦跨域，不管有没有设置 x-frame-options，都无法读取到 iframe 里面的内容了，既然前台浏览器不能检测，只能在后台做，我的做法是页面加载完成之后，把要用 iframe 打开的 url 用 Ajax 传到后台去，用 HttpUnit 打开，获得 response header，判断是否有 x-frame-options，把判断结果传回前台做处理。之所以用 HttpUnit，是因为要打开的网站会多次跳转。

iframe

同源

策略

jquery

7 replies • 2018-03-08 13:35:35 +08:00

AV1

Mar 7, 2018

随手写的，仅供参考

/**
* 检查 iframe 是否跨域
* @param iframeElement {HTMLIFrameElement}
* @return {Boolean}
*/
var isCrossorigin = function (iframeElement){
var crossOrigin;
try{
// 如果不跨域，contentDocument 就存在
crossOrigin = !iframeElement.contentDocument;
}catch(er){
// 如果跨域，就会抛出异常
crossOrigin = true;
}
return crossOrigin;
}