gpt4 book ai didi

javascript - 跨网页的相同侧边栏

转载 作者:行者123 更新时间:2023-11-28 15:44:30 27 4
gpt4 key购买 nike

我是网络开发的新手。在一个网站的网页上保持相同的侧边栏和其他元素的最佳做法是什么?您是否存储侧边栏 html 并调用它?如果是这样,人们将如何做这样的事情?

最佳答案

有很多方法可以解决这个问题,但我发现使用 jQuery 的方法比较简单。如果它符合您的要求,请使用它。

  • 在您的 HTML 文件中添加 jQuery CDN。
  • 创建一个 JS 文件作为 sidebar.js .
  • 复制侧边栏的所有 HTML 代码并将其作为字符串变量存储在 JS 文件的函数中。作为

    function loadNavbarDiv() {
    String navbar_code_str = '<nav><div>...</div></nav>
    $('body').append(navbar_code_str);
    }

  • 然后在 HTML 文件中,您想要添加导航栏,在您的 <head> 中添加以下代码

    <script src="sidebar.js"></script>
    <script>
    $(document).ready(function(){
    loadNavDiv();
    });
    </script>

它对我来说很好用。编码愉快!

关于javascript - 跨网页的相同侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16543038/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com