使用css技术代替传统的frame技术

最新推荐文章于 2021-06-19 16:44:10 发布
原创 最新推荐文章于 2021-06-19 16:44:10 发布 · 466 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #library #scroll #div #html #border

本文介绍了一种使用CSS技术实现左侧固定栏布局的方法，以此替代传统的Frame布局方式，提供了具体实现代码及IE6等浏览器下的兼容解决方案。

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

该篇文章是我于2009年6月10日通过自己编写的工具，批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明！

陈希章

原文地址：http://www.cnblogs.com/chenxizhang/archive/2009/05/29/1491845.html
原文标题：使用css技术代替传统的frame技术
原文发表：2009/5/29 13:23:00

http://www.dynamicdrive.com/style/layouts/item/css-left-frame-layout/


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">


Dynamic Drive: CSS Left Frame Layout


CSS Left Frame Layout


Sample text here



Dynamic Drive CSS Library



Credits: http://www.dynamicdrive.com/style/">
Dynamic Drive CSS Library



image
作者：陈希章
出处：http://blog.youkuaiyun.com/chen_xizhang
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
chen_xizhang
关注
以div代替frameset，用css实现仿框架布局
03-18
NULL 博文链接：https://jsufly.iteye.com/blog/648867
react-frame:在iframe中对组件进行React以实现独立CSS样式
05-09
React框架 在iframe中对组件进行React以实现独立CSS样式 安装 npm install react-frame --save yarn add react-frame 演示版 用法 < Frame styleSheets = { [ 'frame1.css' ] } css = { 'body{background-color:#eee;}' } > < div xss=removed> frame < / div > < / Frame > 执照 麻省理工学院
用JFrame代替Frame的应用
yayax的专栏
04-02 555
实现代码： import java.awt.*; import java.awt.event.*; import javax.swing.*; public class TestSwing extends JFrame { public TestSwing() { // 若没有这行代码也没有窗口事件监听，单击关闭按钮窗口将隐藏，不会关闭 this.se
html css frame,关于HTML框架(frameset)的一些基本用法
weixin_39682301的博客
06-19 198
frameset定义w3c是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份html文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是html框架，不是前端框架，与node.js，vue.js等不同。垂直切割属性为cols。例如：属性值的个数就代表视窗的个数，像这里是两个数，那么就有两个视窗，如果有三个，那么就有三个视窗。值得注意的是，百分比...
整合Javascript、HTML、CSS及Frame框架的菜单设计技巧
此外，由于旧版的Frame框架不再推荐使用，我们应当采用现代的Web标准来替代Frame框架的布局功能，比如利用CSS Grid或Flexbox等布局模式来设计更加响应式和兼容的网站界面。 压缩包子文件的文件名称列表中提到的...
HTML分割窗体使用示例与Frame技术详解
- **JavaScript**：配合上述CSS技术，可以实现更加动态和交互式的网页布局。 ### 总结 HTML框架集技术提供了一种简单的方式在网页中创建多个可独立加载的视图区域，但在当今的Web开发中，它们已经被更加强大和灵活...
HTML与CSS技术指南：从基础到多媒体应用
- 掌握合并单元格的技术，使用`rowspan`和`colspan`属性。 - 理解使用CSS对表格进行样式化的各种方法。 9. 使用框架 - 学习使用框架集（frameset）和框架（frame）进行页面布局。 - 掌握`<frameset>`, `<frame>...
HTML基础教程：表格、表单、框架及CSS技术要点
但是，由于HTML5标准不推荐使用框架结构，建议使用更现代的布局技术，如CSS Grid和Flexbox来代替。框架标签包括`<frameset>`, `<frame>`, `<noframes>`。 #### 由于框架技术的过时性，此处不再赘述具体示例。 ### ...
html/css基础篇——iframe和frame的区别【转】
ajb11683的博客
01-12 209
　　转自共享圈的使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别。其中本人不认同的地方有做小修改 注：HTML5不再支持使用frame，iframe只有src 属性一、使用iframe的优缺点优点:　　1.程序调入静态页面比较方便;　　2.页面和程序分离;缺点：　　1.iframe有不好之处：样式/脚本需要额外链入，会增加请求。另外用js防盗链只防得了...
代替iframe的方法
weixin_30767835的博客
01-13 656
$('#framecont').html('').load("pageURL"); 使用jQuery。 转载于:https://www.cnblogs.com/Tpf386/p/6283099.html
HTML - Frame 的简单用法
持之以恒_fighting
12-30 1063
//把整个页面上分 20%，下分80% //把下面80%，左分20%，右分80%。
HTML 框架frame
三木的博客
05-24 3319
HTML &lt;frameset&gt; 标签定义和用法frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。可选的属性属性值描述colspixels%*定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。rowspixels...
在HTML5中有什么可以替代iFrame
热门推荐
John西西的Tech世界
05-15 4万+
最佳解决方法通常有4种方法可以将HTML嵌入到网页中：&lt;iframe&gt; iframe的内容完全位于当前页面不同的上下文中。虽然这是一个很棒的功能，而且是不同浏览器版本之间兼容最好的，但是它也带来了额外的问题(将frame大小跟网页内容设置一致比较麻烦)。AJAX。可以使用XMLHttpRequest对象来检索数据并将其注入到页面中。这不是最理想的方法，因为它依赖于脚本技术，从而可能使执...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值