Javascript jQuery插入外部html页面<;标题>;进入另一个html页面
我有两个文件index.html和index2.html。这两个文件都位于本地计算机上的同一目录中(无法访问PHP等) 我正试着接受这个挑战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()检索到的元素可能与浏览器直接检索文档不完全相同。“
<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
});