jquery 代替 frameset

jQuery是一款著名的JavaScript库，它为客户端的交互提供了丰富的封装代码，可以简化开发人员的编写工作。在过去，为了实现网页布局，我们使用frameset进行分割，而jQuery可以代替frameset来实现网页布局。

jQuery通过选择器和DOM操作来实现网页布局，极大地简化了开发过程。我们可以通过以下代码来创建一个简单的页面布局：

<div id="header">
    <h1>头部</h1>
</div>
<div id="content">
    <div class="left">
        <p>这是左边的内容</p>
    </div>
    <div class="right">
        <p>这是右边的内容</p>
    </div>
</div>
<div id="footer">
    <p>底部内容</p>
</div>

我们使用了div标签来代替frameset的分割，同时也加入了一些语义标签，如h1标签表示头部，p标签表示段落等。接下来，我们可以通过jQuery来实现具体的效果：

$(document).ready(function() {
    //设置左侧布局的高度等于浏览器窗口高度
    $(".left").height($(window).height() - $("#header").height() - $("#footer").height());
    //当浏览器窗口大小改变时，重新设置高度
    $(window).resize(function() {
        $(".left").height($(window).height() - $("#header").height() - $("#footer").height());
    });
});

这段代码实现了左侧布局的高度自适应浏览器窗口大小，并在窗口大小发生改变时重新设置高度。通过这种方式，我们可以实现灵活而且可维护的网页布局。