微信小程序开发之路之HTML的frame框架

最新推荐文章于 2025-04-22 19:53:23 发布

余生相_

最新推荐文章于 2025-04-22 19:53:23 发布

阅读量1.7k

点赞数

分类专栏： web 微信小程序开发之路文章标签： HTML frame 微信小程序

本文链接：https://blog.csdn.net/ZP_icenow/article/details/87986698

版权

web 同时被 2 个专栏收录

4 篇文章

订阅专栏

微信小程序开发之路

4 篇文章

订阅专栏

本文探讨了如何在微信小程序中利用HTML的frame框架进行布局。介绍了frameset用于创建固定布局，如T型布局的用法，以及由于frameset与body不能同用而引入的iframe元素。虽然frameset已不被官方推荐，但iframe因其灵活性仍被广泛使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

框架

很多网页顶部有不变的logo，左侧是固定的导航栏，当点击导航栏时只有右侧的区域随之变动，像这种只有部分区域响应变化的布局，就是用框架实现的

frameset

frameset不能和body同用

<frameset columns="25%,50%,*" rows="50%, *">
    <frame src="xxx/xx.html" name="xx"/>
    <frame src="xxx/xxx.html" name="xxx" scrolling="no" noresize="noresize">
</frameset>

第一行是按列划分为占比25,50，和25的三部分，*就是代表余下全部
最后一行scrolling设置的是不显示滚动条，noresize设置的是图片不拉伸
下面的代码可以实现上面说的T型布局，

<frameset rows="20%,*">
    <frame>logo
    <frameset columns="20%,*">
        <frame>左侧导航栏
        <frame name="rightframe">显示区
    </frameset>
</frameset>

<!--然后对于触发链接只要在target指定目的域即可，目的域就是前文命名的frame的name-->
<a href="xxx" target="rightframe"></a>

iframe

frameset不能和body同用，这就造成了很多麻烦，因袭引入iframe
iframe使用非常简单

<iframe src="引用地址" name="标识" scrolling="no"/>

相对于frameset更好，目前frameset官方已经不建议使用