JQuery的.load()导致糟糕的HTML结构

时间:2013-05-29 07:01:19

标签: javascript jquery html

当我使用JQuery的.load()函数在我当前的网页中包含另一个网页时,我检查了源代码,我发现了类似的内容......

<html>
   <head>
   <head>
   <body>
       <div>
           <html> //loaded page
              <head>
              </head>
              <body>
              </body>
           </html>
       </div>
   </body>
</html>

拥有这样的结构时是否有任何负面问题?请注意,新页面还包含<title>等元素,并包含CSS和JavaScript文件。

2 个答案:

答案 0 :(得分:7)

这不是技术上有效的HTML,但它不应该真正导致我不认为的渲染问题。

请注意,您可以在.load()中指定元素选择器,这样您就可以获得所需的其他页面部分,例如:

$('div').load('file.html #relevantsection');

答案 1 :(得分:2)

是的,有很多问题,尤其是一些重要的SEO问题......

您要么不应加载整个html文档,要么使用以下示例加载目标文档的特定部分:

$('#result').load('ajax/test.html #container');

阅读here