javascript - 使用 JavaScript 提取标题的同源策略

Question

我想使用 JavaScript 和 JQuery 从 HTML 页面中提取标题，如

$.get('page.html', function(text) {
  var pagetitle = $(text).title;
});

这样当用户在文本框中输入 URL 时，我可以在另一个文本框中显示标题。但如果页面位于我的域之外(例如 www.google.com)，则由于同源政策，此方法将不起作用。还有其他方法可以实现此功能吗？这不是一个重要的功能，但我想问一下以防万一有什么办法。

Answer 1

您必须有一个服务器端“代理”，它可以出去获取页面，然后将其返回给 jQuery 进行处理。如果您在客户端环境(即本地 PC 上的纯 HTML 文件)中运行它，那么确实没有一种简单的方法可以做到这一点。

基本的 PHP 脚本看起来像这样:

<?php
echo file_get_contents($_REQUEST["url"]);
?>

注意:这是您所要求的基本演示。仅此一点就很可能带来某种安全风险。 this article 中介绍了一种更好的方法。 .

另外，虽然我还没有运行你的代码，但我觉得它应该更像是这样的:

$.get('page.html', function(text) {
    var pagetitle = $(text).find("title").text();
}, "html");