iframe标签,iframe标签会阻塞页面的加载

http://www.itjxue.com  2023-01-08 20:34  来源:未知  点击次数: 

iframe是什么,怎么用?

HTML元素 - iframe

定义

创建内嵌漂浮框架。

Creates inline floating frames.

注释

IFRAME 元素的作用相当于在一个文档中嵌入另一个文档,或者像一个漂浮的 FRAME。

此元素在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。

此元素是一个块元素。

此元素需要关闭标签。

The IFRAME element functions as a document within a document, or like a floating FRAME.

This element is available in HTML and script as of Internet Explorer 4.0.

This element is a block element.

This element requires a closing tag.

示例代码

html

body

p这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。/p

iframe src="../asdocs/html_tutorials/Frame_a.html"/iframe

/body

/html

演示示例:用 IFRAME 在一个 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

IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

frameset和frame标签必须在一起使用。frame有一个重要的值是target,它表示在指定的框架中打开网页;target可以配置四个参数:

1、blank:它表示在一个新的窗口中打开链接网页,

2、top:它表示在本窗口中打开链接网页,

3、parent:在上一层的框架中打开链接网页,

4、self:在超链接中打开链接网页。

扩展资料

特点如下:

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

参考资料来源:百度百科-iframe

iframe标签怎么用?

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

2

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

3

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

4

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

5

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

6

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

7

源代码:

html

head

titleiframe元素标签的使用/title

body

a href="url" target="iframe1"跳转到百度经验/abr/

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

(责任编辑:IT教学网)

更多

推荐JSP教程文章