首页技术iframe框架用法?frameset和iframe

iframe框架用法?frameset和iframe

编程之家2026-06-211139次浏览

大家好,iframe框架用法相信很多的网友都不是很明白,包括frameset和iframe也是一样,不过没有关系,接下来就来为大家分享关于iframe框架用法和frameset和iframe的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!

iframe框架用法?frameset和iframe

HTML <iframe> 标签定义和用法

定义和用法:iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

提示:您可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解 iframe的浏览器。

属性①align

属性值:left、right、top、middle、bottom;

属性的作用:规定如何根据周围的元素来对齐此框架。

属性的说明:不赞成使用该属性。请使用样式代替。

iframe框架用法?frameset和iframe

属性②frameborder

属性值:1、0

属性作用:规定是否显示框架周围的边框。

属性③height

属性值:pixels、%

属性作用:规定 iframe的高度。

iframe框架用法?frameset和iframe

属性④longdesc

属性值:URL

属性作用:规定一个页面,该页面包含了有关 iframe的较长描述。

属性⑥marginheight

属性值:pixels

属性作用:定义 iframe的顶部和底部的边距。

属性⑦marginwidth

属性值:pixels

属性作用:定义 iframe的左侧和右侧的边距。

属性⑧name

属性值:frame_name

属性作用:规定 iframe的名称。

属性⑨scrolling

属性值:yes、no、auto

属性作用:规定是否在 iframe中显示滚动条。

属性(10)src

属性值:URL

属性作用:规定在 iframe中显示的文档的 URL。

属性(11)width

属性值:pixels、%

属性作用:定义 iframe的宽度。

框架嵌套iframe标签常见的几种使用方法

先来看看百度百科对于iframe标签元素的介绍!都是比较详细,接着就是实际的应用了!

2

新建一个记事本文件,并将它重命名为.html文件,添加必要的<html><body>标签,为了便于说明,同时添加<head>和<title>,将标题改名为iframe元素标签的使用!

3

在<body>中添加iframe,ulr为你要嵌套网页的地址,需要带上http的,由于经验不上带有网址,不演于演示,width,height为所占用的宽度和高度,以百度首页为例,当然嵌套两个网页也是可以的!

4

当然嵌套两个网页或者多个网页也是可以的,高度和宽度都可以自行设置!

5

再看其他的比较常用的可选属性,如name,通过对定义好的名字,就指定框架页面进行跳转!

6

至于其他可选属性,就不再一一举例,看看解析,再试验一下就清楚了,如scrolling="no"就是不显滚动条,align控制框架的对齐方式等等,用法都差不多!

7

源代码:

<html>

<head>

<title>iframe元素标签的使用</title>

<body>

<a rel="external nofollow" href="url" target="iframe1">跳转到百度经验</a><br/>

<iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/>

<iframe src="url" width="600px" height="400px" name="iframe2" align="right"/>

</body>

</head>

</html>

iframe说明与用法

一、记录说明

二、iframe说明

<iframe></iframe>标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html页面的内容了。

三、iframe标签常用属性

四、父、子页面常用方法

1、父页面

注意:iframe加载也需要时间(相当于重新打开一个页面),需要在父页面操作子页面,要等子页面加载完成,iframe常加上onload事件,jq常加上$('#iframeId').load(function(){});再开始操作子页面。

2、子页面

五、实例

这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便,也引入了。

六、替换方法

1、ajax获取页面操作DOM加载。jquery也有提供$('divId').load('.html')直接加载的方法。

2、vue等框架,组件。

关于iframe框架用法和frameset和iframe的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

ai机器人多少钱一个 人工智能机器人多少钱一个哪个cms好用?哪个影视cms好用