div js搭建网页框架不要Iframe效果如图

div js搭建网页框架不要Iframe效果如图

这么多导航内容，推荐使用ajax，这样div的数量就不需要很多了，
当点击最上面的导航栏，就改变左边div里面的html
点击左边的就改变右边的div内容追问ajax不是很懂啊，求简短代码一段！追答需要使用jQuery,需要导入jQuery文件
首先给导航栏加上click，
例如导航1的id是“d1”,左边的div的id是d2代码，实现如下
$("#d1").click(function(){
    $.ajax({
        $("#d2").innerHTML("这里面是d2的html代码");
    });  
});
通了，导航2也可以这样写，你可以看看jQuery选择器，使用得当的话可以用较少的代码达到效果

ajax可以在不刷新页面的情况下动态改变内容的

这个 用JS调用 div的显示和隐藏的CSS代码 就能做到。就是调用display追问你意思是所有的div都列出，只是全都display为none，点击哪个，哪个就为block？你没懂我意思，我是要调用网页，就像ajax，在当前一级导航下可以显示本导航下的二级菜单，那其他一级导航下的二级菜单你怎么弄？所以我的意思是点击了相应的导航，在内容区加载对应的内容