左边导航点击右边显示不同的页面内容

Posted 2021-01-29 chenchenhao

首先建两个html文件（比如：new_file.html和vuesocket.html），里面也可以写各自的样式和脚本代码

然后在导航页开始引入：

      <ul>
          <li id=‘roll‘>显示滚动页面</li>
          <li id=‘ceshi‘>显示测试</li>
      </ul>
      <div id="sse"></div>

<script src=‘jquery-2.2.3.min.js‘></script>
    <script type="text/javascript">
        $(‘#roll‘).click(function(){
            html(‘new_file.html‘,$(‘#sse‘))
        })
        $(‘#ceshi‘).click(function(){
            html(‘vuesocket.html‘,$(‘#sse‘))
        })
        function html(url,dom){
            $.ajax({
                url:url,
                success:function(html){
                    dom.html(html)
                }
            })
        }
    </script>