jQuery 插入外部 html 页面<title>进入另一个html页面

Question

我有两个文件 index.html 和 index2.html。 这两个文件都在本地机器上的同一目录中（无法访问 PHP 等）。

我试图采取

<title>Page Title</title>

从 index.html 并使用 jQuery 将其插入到 index2.html 中的 div.content 中。 在 index2.html 我有：

$('.content').load("index.html title");

我尝试使用 jQuery .load() 但它不起作用，我看到文档说明：

“jQuery 使用浏览器的 .innerHTML 属性来解析检索到的文档并将其插入到当前文档中。在这个过程中，浏览器经常会过滤文档中的元素，例如 <html>、<title> 或 <head> 元素。作为结果，.load() 检索的元素可能与浏览器直接检索的文档不完全相同。”

如何使用 jQuery 从 index.html 检索标题并将其放置在 index2.html 的 div.content 中？

Answer 1

我想你会想尝试.get方法：

$.get("index2.html", function( my_var ) {
    var title =  $(my_var).filter('title').text();
    //title contains the title of index2.html
});

请注意，这仅适用于同一个域。 如果您使用“get”调用不受控制的外部域，则会收到 CORS 错误。

此外，这似乎不是执行此操作的最佳方式，因为您基本上是在加载另一个 HTML 页面。 不确定您的绩效目标是什么，但我可能会想到另一种检索标题的方法。