Javascript 如何将Html页面加载到另一个页面？

因此，我有这个页面index.html，我想在

之间加载另一个页面page2.html，任何想法都会有帮助

 <ul class="navigation">
        <li><a href="#home">Home<span class="ui_icon home"></span></a></li>
        <li><a href="#aboutus">About Us<span class="ui_icon aboutus"></span></a></li>
        <li><a href="#services">Services<span class="ui_icon services"></span></a></li>
        <li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li>
        <li><a href="#contactus">Contact Us<span class="ui_icon contactus"></span></a></li>
    </ul>
</div> <!-- end of sidebar -->

<div id="main">


    <div id="content">

    <!-- scroll -->


        <div class="scroll">
            <div class="scrollContainer">

                <div class="panel" id="home">

                     <!-- this where the other page should load page2.html -->

                </div> <!-- end of home -->

您可以这样做：

$("#home").load("page2.html");

也就是说，使用Ajax，它将“从服务器加载数据并将返回的HTML放入匹配的元素中。”

如果您想在单击导航栏中的锚时进行此操作，最好将每个锚的href设置为所需的URL，例如：

<li><a href="page2.html">Home<span class="ui_icon home"></span></a></li>

然后：

$(".navigation a").click(function(e) {
   e.preventDefault(); // don't do standard <a> click behaviour

   $("#home").load(this.href);
});

$（“.navigation a”）。单击（函数（e）{
e、 preventDefault（）；//不要使用standard来了解它的功能。
可能重复的