都说不用iframe,那么网页分块用什么方法呢? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

都说不用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很少用了。

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

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

展开
收起
杨冬芳 2016-06-15 18:11:41 2754 0
1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

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

    2019-07-17 19:39:57
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载