Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery插入外部html页面<;标题>;进入另一个html页面_Javascript_Jquery_Html_Frontend - Fatal编程技术网

Javascript jQuery插入外部html页面<;标题>;进入另一个html页面

Javascript jQuery插入外部html页面<;标题>;进入另一个html页面,javascript,jquery,html,frontend,Javascript,Jquery,Html,Frontend,我有两个文件index.html和index2.html。这两个文件都位于本地计算机上的同一目录中(无法访问PHP等) 我正试着接受这个挑战 <title>Page Title</title> 我尝试使用jQuery.load(),但它不起作用,我看到以下状态: jQuery使用浏览器的.innerHTML属性来解析检索到的文档并将其插入当前文档。在此过程中,浏览器通常会从文档中筛选元素,如、或元素。因此,.load()检索到的元素可能与浏览器直接检索文档不完全相同。“

我有两个文件index.html和index2.html。这两个文件都位于本地计算机上的同一目录中(无法访问PHP等)

我正试着接受这个挑战

<title>Page Title</title>
我尝试使用jQuery.load(),但它不起作用,我看到以下状态:

jQuery使用浏览器的.innerHTML属性来解析检索到的文档并将其插入当前文档。在此过程中,浏览器通常会从文档中筛选元素,如、或元素。因此,.load()检索到的元素可能与浏览器直接检索文档不完全相同。“


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

我想您应该尝试
.get
方法:

$.get("index2.html", function( my_var ) {
    var title =  $(my_var).filter('title').text();
    //title contains the title of index2.html
});
请注意,这只会在同一个域中起作用。如果您使用“get”调用您无法控制的外部域,则会出现CORS错误


而且,这似乎不是实现这一点的最佳方式,因为您基本上正在加载另一个HTML页面。不确定您的绩效目标是什么,但我可能会想到另一种检索标题的方法。

您的控制台是否有任何错误?
.load()
方法是否实际检索页面?控制台中没有错误,我能够将index.html的其他部分加载到index2.html中,如
$('.content').load(“index.html#header”)谢谢<代码>变量标题=$(my_var).filter('title').text()
只返回$.get方法,没有返回任何内容。因为它返回一个XML文档,所以我可以使用
var title=my_var.title
访问该标题。我没有任何绩效目标。我只需要在本地为一个小实用程序显示这些信息,我认为最好在这里使用jQuery.parseHTML(),因为默认情况下它不会解析脚本。因此最终结果将是
$.get(“index2.html”,函数(my_var){var title=$('').append($.parseHTML(my_var)).find('title').text();//title包含index2.html的标题)
$.get("index2.html", function( my_var ) {
    var title =  $(my_var).filter('title').text();
    //title contains the title of index2.html
});