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

Question

＆lt; p＆gt;我有两个文件index.html和index2.html。这两个文件都在本地计算机上的同一目录中（无法访问PHP等）。＆lt; / p＆gt; ＆lt; p＆gt;我正在尝试使用＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt; title＆gt;页面标题＆lt; / title＆gt; ＆LT; /代码＆GT;＆LT; /预＆GT; 来自index.html的＆lt; p＆gt;并使用jQuery将其插入index2.html中的div.content。在index2.html中我有：＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt; $（'。content'）。load（“index.html title”）; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;我尝试使用jQuery .load（）并且它无法正常工作，我看到＆lt; a href =“http://api.jquery.com/load/”rel =“nofollow”＆gt;文档＆lt; / a＆gt ;指出：其中/ p为H. ＆lt; p＆gt;“jQuery使用浏览器的.innerHTML属性来解析检索到的文档并将其插入到当前文档中。在此过程中，浏览器通常会过滤文档中的元素，例如＆lt; html＆gt;，＆lt; title＆gt;或＆lt ; head＆gt;元素。因此，.load（）检索的元素可能与浏览器直接检索文档时的元素不完全相同。“＆lt; / p＆gt; ＆lt; p＆gt;如何从index.html检索标题并使用jQuery将其放在index2.html的div.content中？＆lt; / p＆gt;

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页面。不确定你的表现目标是什么，但我可能想到另一种方法来检索标题。