如何获取 iframe 中的页面标题？答案

【问题标题】：How to get a page's title which in iframe?如何获取 iframe 中的页面标题？
【发布时间】：2012-07-12 22:37:23
【问题描述】：

首先我有一个简单的 iframe

<iframe src="http://www.google.com"></iframe>

我还有一个按钮可以提醒google的标题

<input type="button" value="gettitle" />

然后我想使用 jquery 来获取 iframe 内部 html 的标题

    $("input ").click(function () {
        alert($('iframe').contents().find("title").text());
    });

但它不起作用，这段代码有什么问题？如何正确获取标题？

谢谢

【问题讨论】：

【解决方案1】：

如果<iframe> 元素中的页面与您的主页不同域，Same origin policy 将阻止您这样做。由于您的示例使用了www.google.com，因此它不起作用。

也就是说，您的代码是正确的，并且当两个页面来自同一个域时应该可以正常工作。

【讨论】：

【解决方案2】：

见http://jsfiddle.net/TAtQT/7/

【讨论】：