>我有一个HTML页面,其中我包含一个在另一个页面上实现的标题。加载时,通过javascript代码,带有标题代码的html页面包含在我的主页上。
例:
主.html:
<html>
<head>
</head>
<script>
$(function(){
$("#header").load("header.html");
//$("#footer").load("footer.html");
});
</script>
<body>
<div id='header'></div>
...
</body>
</html>
现在我有另一个 html 页面 - 标题.html - 我在其中定义导航栏。
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar barra_superior">
...
</nav>
但是,使用此解决方案,标头.html上的元标记也适用于主.html。我的问题是我是否可以仅在标头.html上应用元标记。
谢谢
>.load()
允许您加载页面片段:
与
$.get()
不同,.load()
方法允许我们指定 要插入的远程文档。这是通过特殊的url
参数的语法。如果一个或多个空格字符是 包含在字符串中,字符串中第一个之后的部分 假定空间是确定内容的jQuery选择器 要加载。
所以像这样使用它:
$("#header").load("header.html nav.navbar.barra_superior");
当此方法执行时,它会检索 header.html 的内容,但随后 jQuery 解析返回的文档以查找具有导航栏和 barra_superior 类的 nav 元素。此元素及其内容将插入到 ID 为 header 的元素中,检索到的文档的其余部分将被丢弃。因此,不会插入 Header.html 中的<meta>
元素。如果要插入 Header.html 中的导航栏以外的内容,可以改为指定 body 元素。