包含在 html 页面上



>我有一个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 元素。

最新更新