提问者:小点点

我想在没有页面刷新的情况下单击导航链接时将外部html文件加载到主div中。 但我不知道怎么做


<body>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="contactus.html">Contact</a></li>
        </ul>
    </nav>
    <div id="main">
        <h1>Responsive Side Menu</h1>
    </div>

这段代码是index.html的,与其他页面类似


共1个答案

匿名用户

使用jQuery(一个JavaScript库),您可以利用load()函数将另一个HTML文件的内容加载到服务器上,并将其放在当前页面中您想要的任何位置,而无需刷新(因此,如果您愿意,甚至可以替换当前的HTML)。

jQuery:http://jquery.com/

jQuery load():http://api.jQuery.com/load/