首页 > 都说不用iframe,那么网页分块用什么方法呢?

都说不用iframe,那么网页分块用什么方法呢?

我的网页的需求是这样的:

  1. 顶部导航栏,下面是内容。
  2. 导航栏永远不变,内容会变
  3. 这两部分加起来要保证占满浏览器的整个可见区域
  4. 如果可见的区域尺寸太小的话,则要出现滚动条。
  5. 如果用户调整尺寸的话需要保证自适应。

我百度到了两种方案,一种是用iframe,一种用div+jquery填充内容(就是我现在用的)

    $(document).ready(function ()
    {
        $.when($.ajax("Top.aspx"), $.ajax("Main.aspx")).done(function (a1, a2)
        {
            $('#navigation').html(a1[0]);
            $('#content').html(a2[0]);
        });
    });

我想实现我的需求,是该用什么方式呢?现在我自己的方法有以下问题:

  1. 主页面的navigation和content自动调整尺寸,而Top.aspx和Main.aspx里面的东西也要自动调整尺寸= =。感觉很麻烦的样子,不知道我的方式对不对?
  2. 这种局部刷新的方式导致url一直不变,只要一点浏览器的刷新就会回到主页。

很多人都说现在iframe很少用了。

那么现在有跟我类似需求的网站都是用哪种方式呢?
那么如何自动调整尺寸呢?

或者干脆就不用这种方式,直接每个页面带导航,然后各种跳转就行了?
= = 总感觉这种方式每次都要重新加载导航很浪费的样子


你的第一个疑问是布局的问题,布局的问题这个自己找些css看下 , 第二个问题url不变可以使用 hash进行标示,也就是url后面加#标示状态


导航栏永远不变,内容会变

导航栏不变是对于浏览器窗口不变 还是相对于当前文档内容的布局不变?
边看问题边想起这样的话用前端的模板引擎就可以了吧,即把导航栏放到layout.模板
其他内容就各自放到相应的content.模板里面
导航栏固定不动的方法也有很多库或插件辅助,bootcss.com上面应该就能找到

如果用户调整尺寸的话需要保证自适应。

这个就是要是基于响应式设计吗?
如果是的话现在能多前端框架或样式库都能很好的解决问题吧
例如bootstarp,pure,metro-ui应该都不错


你这个样子,对于SEO来说,岂不是很不友好。我推荐用跳转方式。


对.net不熟。。不过现在不知道media query也该知道bootstrap了吧

【热门文章】
【热门文章】