Question

我在这里使用像

这样的代码

<iframe src="https://www.google.com" style="width: 90%; height: 300px"></iframe>
<object data="https://www.yahoo.com" style="width: 90%; height: 300px"></object>

显示错误，如

Load denied by X-Frame-Options: https://www.google.co.in/?gfe_rd=cr&ei=TRAIWY7jO-KK8Qek6aOwDA&gws_rd=ssl does not permit cross-origin framing.

如何修复它并在我的iframe或对象中显示这些网址

感谢。

Answer 1

X-Frame-Options HTTP响应标头可用于指示是否允许浏览器在a中呈现页面，或

实测值： https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

为什么不探索这样的解决方案： How can I add a Google search box to my website?

看看这个小提琴

var iframe = document.getElementsByTagName('iframe')[0];
var url = iframe.src;
var getData = function (data) {
    if (data && data.query && data.query.results && data.query.results.resources && data.query.results.resources.content && data.query.results.resources.status == 200) loadHTML(data.query.results.resources.content);
    else if (data && data.error && data.error.description) loadHTML(data.error.description);
    else loadHTML('Error: Cannot load ' + url);
};
var loadURL = function (src) {
    url = src;
    var script = document.createElement('script');
    script.src = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.headers%20where%20url%3D%22' + encodeURIComponent(url) + '%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=getData';
    document.body.appendChild(script);
};
var loadHTML = function (html) {
    iframe.src = 'about:blank';
    iframe.contentWindow.document.open();
    iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '"><scr' + 'ipt>document.addEventListener("click", function(e) { if(e.target && e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });</scr' + 'ipt>'));
    iframe.contentWindow.document.close();
}

loadURL(iframe.src);

http://jsfiddle.net/2gou4yen/

为什么iframe或对象不支持google / yahoo

1 个答案: