【HTML基础】iframe框架

Fighting_hawk

已于 2022-07-01 04:02:15 修改

阅读量7.8k

点赞数 4

分类专栏： # 筑基05：语言基础文章标签： html 前端 javascript php

于 2022-02-10 20:53:17 首次发布

本文链接：https://blog.csdn.net/Fighting_hawk/article/details/122865890

版权

筑基05：语言基础专栏收录该内容

25 篇文章 18 订阅

订阅专栏

1 iframe框架简介

作用：标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。
使用 CSS 为 <iframe>（包括滚动条）定义样式。
语法示例：

<html>
	<head> 
		<meta charset="utf-8"> 
		<title>菜鸟教程(runoob.com)</title> 
	</head> 
	
	<body>
		<iframe src="//www.runoob.com">
		  <p>您的浏览器不支持  iframe 标签。</p>
		</iframe>
	</body>
</html>

2 iframe常用属性

2.1 name属性

作用：规定 <iframe> 的名称:
1. 用于在 JavaScript 中引用元素;
2. 作为<a>或<form>元素的 target 属性的值；
3. 或者作为 <input> 或 <button> 的 formtarget 属性的值。
语法：<iframe name="name">

2.2 src属性

作用：规定嵌入在 <iframe> 中的文档的地址。
语法：<iframe src="URL">
可能的值：
- 绝对 URL - 指向另一个网站（比如 src=“http://www.example.com/default.htm”）
- 相对 URL - 指向网站中的一个文件（比如 src=“default.htm”）