Javascript 以html格式将一个页面内容插入另一个页面

//菜单栏
$（函数（）{
$（“#菜单标题”）.load（“header.html”）；
});

此node.js库将帮助您

您可以使用

jQuery

Get请求来执行

例如，这里是

menu.html

文件

<ul>
    <li><a href="www.naveedramzan.com" title="Home">Home</a>
    <li><a href="www.naveedramzan.com/about-naveed" title="About">About</a>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="menu"></div>
<script>
    $(document).ready(function(){
        $.get( "menu.html", function( data ) {
          $( "#menu" ).html( data );
        });
    });
</script>

---

jQuery将加载menu.html文件并在

#menu

中添加html，您可以在所有页面上执行此操作

请发布您的代码。您可以使用一些预处理语言，如PHP，或使用默认js加载函数从其他文件加载html使用基本html、javascript、，jquerytry在js中将标题html设置为字符串，并使用jQuery将innerHtml指定为字符串。您应该在服务器端而不是客户端执行此操作。通过浏览器中的JS在每个页面上加载站点标题，听起来是降低站点速度的好方法。无论您使用哪种服务器端语言，都会有某种包含功能。谢谢您的回答。但是我收到了这个错误。加载失败file:///F:/abc%20TASK/dewi/header.html: 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展名、https。@ravikumar:您应该避免使用物理文件。您能详细解释一下吗，senseMeans中的物理文件您应该使用

。/dewi

或

filename.html

如果它不在同一文件夹中。在header.html中，我的菜单条形码在那里。在index.html中，我必须加载header.html代码。在index.html中，我创建了id为#menu的div。在js文件中，我编写了脚本。这是我遵循的程序。