Javascript 链接主页';所有网页的s侧边栏

Javascript 链接主页';所有网页的s侧边栏,javascript,html,css,Javascript,Html,Css,你可以看到我在图片上的侧边栏,我想把侧边栏链接到我网站的其他页面,这样当它在主页上编辑侧边栏时,我也会在其他页面上生效,我应该怎么做才能使它生效?这是我的边栏代码,以防你需要看到 <div id="site_content"> <div class="sidebar"> <!-- insert your sidebar items here --> <h3>Events</h3>

你可以看到我在图片上的侧边栏,我想把侧边栏链接到我网站的其他页面,这样当它在主页上编辑侧边栏时,我也会在其他页面上生效,我应该怎么做才能使它生效?这是我的边栏代码,以防你需要看到

<div id="site_content">
    <div class="sidebar">
        <!-- insert your sidebar items here -->
        <h3>Events</h3>
        <h4>Test Event Name</h4>
        <h5>Test Date</h5>
        <p>Test event</p>
        <p>Test event</p>
        <p>Test event</p>
        <p>Test event</p>
        <p>Test event</p>
        <p>Test event</p>

        <div id="images">
            <img id="image1" src="http://i.imgur.com/dL3io.jpg" />
            <img id="image2" src="http://i.imgur.com/qASVX.jpg" />
            <img id="image3" src="http://i.imgur.com/fLuHO.jpg" />
            <img id="image4" src="http://i.imgur.com/5Sd3Q.jpg" />
        </div>
        <div id="slider">
            <a href="#image1">1</a>
            <a href="#image2">2</a>
            <a href="#image3">3</a>
            <a href="#image4">4</a>
        </div>
        <ul class="slidess">

            <h4>&nbsp;</h4>
            <h4>Opening Hours</h4>

            <h5> Mon - 5:00am - 6:00pm</h5>
            <h5>Tue - 5:00am - 6:00pm</h5>
            <h5>Wed - 5:00am - 6:00pm</h5>
            <h5>Thu - 5:00am - 6:00pm</h5>
            <h5>Fri - 5:00am - 6:00pm</h5>
            <h5>Sat - 5:00am - 6:00pm</h5>
            <h5>Sun - 5:00am - 6:00pm<br></h5>

            <h3>&nbsp;</h3>
            <h3>&nbsp;</h3>
    </div>
</div>

事件
测试事件名称
测试日期
测试事件

测试事件

测试事件

测试事件

测试事件

测试事件

    营业时间 星期一-上午5:00-下午6:00 星期二-上午5:00-下午6:00 星期三-上午5:00-下午6:00 星期四-上午5:00-下午6:00 星期五-上午5:00-下午6:00 周六-上午5:00-下午6:00 星期日-上午5:00-下午6:00

您可以使用jQuery来实现这一点

<head>
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
$(function(){
  $("#sidebar").load("sidebar.html");
});
</script>
<body>
<div id="header"></div>
</body>
</head>

$(函数(){
$(“#sidebar”).load(“sidebar.html”);
});

然后将你的侧边栏内容添加到另一个名为
sidebar.html

的页面中。我不这么认为……该链接正好显示了如何执行你的请求,并且与下面的答案几乎相同。谢谢,我会尝试一下。该答案与链接问题的答案几乎相同。