iframe框架用法?frameset和iframe
大家好,iframe框架用法相信很多的网友都不是很明白,包括frameset和iframe也是一样,不过没有关系,接下来就来为大家分享关于iframe框架用法和frameset和iframe的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
HTML <iframe> 标签定义和用法
定义和用法:iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
提示:您可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解 iframe的浏览器。
属性①align
属性值:left、right、top、middle、bottom;
属性的作用:规定如何根据周围的元素来对齐此框架。
属性的说明:不赞成使用该属性。请使用样式代替。
属性②frameborder
属性值:1、0
属性作用:规定是否显示框架周围的边框。
属性③height
属性值:pixels、%
属性作用:规定 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的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。