`

转载:frameset 空白,iframe 空白边的解决方法

    博客分类:
  • CSS
 
阅读更多

转载:http://blog.csdn.net/yukon12345/article/details/6831103

 

由于某度众所周知的举动,让我搬离写了5年的渣度空间,准备把技术性的文章定在CSDN了。这些都是文章备份。勿怪。。

鉴于最近有些抓取机器和抄袭者,把标题的【原】字都复制,我不得不声明:本文为 yukon12345原创,转载请注明出处http://blog.csdn.net/yukon12345

 

 

个人不是很喜欢用frameset和iframe,但今天碰到要修改一个后台管理的frame,一堆麻烦。。做个记录


frameset空白:frameset使用比较严格,不能和body标签共用,不能在frameset外有任何其他非<head>和非<html>标签,否则就解析成空白。注意js必须写在head标签里,否则就成了空白。。还要注意有些地方的html,body {overflow:hidden;}

iframe外围四周有讨厌的空白边,需要在包含iframe的<body>标签里加上<body style="margin:0;padding:0;overflow:hidden" scroll="no"> 才可以去掉。注意用css的body选择器设置无效

iframe里面也有讨厌的空白边,需要设置iframe marginwidth="0" marginheight="0",还要注意iframe引入的页面的body 的margin padding也要去掉。

 

 

<body style="margin: 0; padding: 0; overflow: hidden" scroll="no">
	<iframe id="frame" name="frame" marginheight="0"
		frameborder="1" scrolling="no" src="#" marginwidth="0" width="100%"
		height="100%"> </iframe>

	<script type="text/javascript"
		src="<%=request.getContextPath()%>/pages/mon/mon.js"></script>
</body>

 

分享到:
评论

相关推荐

    frameset框架结构

    `&lt;iframe&gt;`比frameset更灵活,可以动态改变内容,也可以通过`sandbox`属性提供安全的沙箱环境。例如: ```html &lt;iframe src="https://example.com" width="100%" height="500"&gt;&lt;/iframe&gt; ``` 综上所述,...

    HTML中frameset标签的使用教程

    首先,需要注意的是,frameset标签与iframe标签功能相似,但在用法上存在重要区别。frameset标签不能与body标签一起使用,这意味着frameset标签所包含的内容直接位于html标签之下。而通常的HTML页面结构会有一个html...

    iframe去边框、无边框使用大全(实践经验整理)

    `marginwidth`和`marginheight`用于设置内容与iframe边界的空白距离,设为`0`可以消除这些空白。`scrolling="no"`确保不显示滚动条,而`allowtransparency="yes"`则允许iframe内容背景是透明的。 接下来,需要注意...

    HTML框架代码全集.pdf

    - `allowTransparency`:允许框架背景透明,以便背景图片或颜色可以透过框架的空白部分显示出来。 - `name`属性为框架指定一个名称,可以用于链接的目标框架。 - `src`属性指定框架加载的资源地址。 2. ...

    html框架的详细用法--收藏

    除了传统的 &lt;frameset&gt; 和 ,还有一种叫做 `&lt;iframe&gt;` 的标签,它可以用来嵌入一个网页作为另一个网页的一部分。与框架不同的是,&lt;iframe&gt; 是一个自包含的单元,不需要配合 &lt;frameset&gt; 使用。 1. **src 属性**:...

    个人网页设计常用代码集合.doc

    &lt;noscript&gt;&lt;iframe src="空白页面URL"&gt;&lt;/iframe&gt; ``` 4. **彻底屏蔽右键**: 直接在`&lt;body&gt;`标签中添加`oncontextmenu="return false"`,可以完全禁用右键菜单: ```html ``` 以上代码集合理论上可以提高...

    HTML标记一览HTML web java 网页 网站

    * `&lt;IFRAME&gt;`:页内框架,于网页中间插入框架IE。 * `&lt;NOFRAMES&gt;`:不支援框架,设定当浏览器不支援框架时的提示。 影像地图 * `&lt;MAP&gt;`:影像地图,名称设定影像地图名称。 * `&lt;AREA&gt;`:连结区域,设定各连结区域...

    HTML语言剖析之HTML标记一览

    - `&lt;PRE&gt;`:预格式化,保留原文本的空白和换行。 - `&lt;DIV&gt;`:区隔标记,用于分组HTML元素并进行样式控制。 - `&lt;NOBR&gt;`:不折行,阻止文本在一行内换行。 - `&lt;WBR&gt;`:建议折行,允许在单词内部添加可能的断行点。...

    JavaScript基础和实例代码

    2.1.4 空白字符 2.1.5 分号 2.1.6 块 2.2 数值类型 2.2.1 整型和浮点数值 2.2.2 八进制和十六进制 2.3 变量 2.3.1 变量标识符 2.3.2 变量申明 2.3.3 变量作用域 2.4 弱类型 2.5 基本数据类型 2.5.1 Number型 2.5.2 ...

    源文件程序天下JAVASCRIPT实例自学手册

    2.1.4 空白字符 2.1.5 分号 2.1.6 块 2.2 数值类型 2.2.1 整型和浮点数值 2.2.2 八进制和十六进制 2.3 变量 2.3.1 变量标识符 2.3.2 变量申明 2.3.3 变量作用域 2.4 弱类型 2.5 基本数据类型 2.5.1 Number型 2.5.2 ...

    ASP.NET程序开发范例宝典(C#)

    演示如何去除字符串两端的空白字符。 - **示例051**:转换字符串大小写。讲解如何将字符串转换为全大写或全小写。 - **示例052**:反转字符串。通过示例演示如何将字符串中的字符顺序反转。 - **4.2 字符串构建器...

    网页设计标签.doc

    39. 浮动框架`&lt;iframe&gt;`: 允许在页面中嵌入其他网页或内容。 这些标签构成了HTML的基本语法,它们使得网页设计者能够创建出丰富多样的网页内容,提供了用户交互和视觉体验的基础。熟练掌握这些标签,可以帮助设计出...

    html标记与属性速查表.pdf

    - ****和**&lt;FRAMESET&gt;**:框架标记,用于创建网页框架结构。 - **frameborder**和**framespacing**:定义框架边界和框架之间的间距。 - **face**:定义字体类型。 - **fixed**:用于固定背景图位置。 - **false*...

    HTML常用代码标记

    21. `bordercolor`,`bordercolorlight`,`bordercolordark`:分别定义边框颜色、亮边和暗边。 22. `bottom`:在`&lt;TD&gt;`或`&lt;TH&gt;`标记中,使内容贴底。 23. `target="_blank"`:在`&lt;A&gt;`标记中,指定链接在新窗口中...

    html知识整理

    23. **框架**: `&lt;frameset&gt;`标签用于定义框架集。 - `cols`: 水平分割框架。 - `rows`: 垂直分割框架。 - `frameborder`: 是否显示框架边框。 - `framespacing`: 框架间的间距。 - `bordercolor`: 边框颜色。 ...

    网页设计考试题PHP.docx

    - **框架标签**:`&lt;frameset&gt;`定义页面中的框架集合,`&lt;frame&gt;`定义单个框架,而`&lt;iframe&gt;`定义内联框架。 4. **文本格式化标签**: - `strong`标签用于强调文本,通常显示为加粗。 - `em`标签用于表示强调语气...

    精通HTML之标记大整理

    - ****:段落标记,用于创建一个新的段落,浏览器会自动在前后添加空白行。 - ****:换行标记,用于在不创建新段落的情况下进行换行。 - ****:水平线标记,用于在页面中插入一条水平分割线。 - ****:居中标记,使...

    前端面试总结

    4. **避免使用 `&lt;iframe&gt;`**: 搜索引擎往往难以索引 `&lt;iframe&gt;` 内的内容。 5. **添加 `&lt;alt&gt;` 属性**: 对于图片,添加描述性的 `&lt;alt&gt;` 属性可以帮助搜索引擎理解图片内容。 6. **合理使用 `&lt;h1&gt;` 至 `&lt;h6&gt;` 标签**...

Global site tag (gtag.js) - Google Analytics