整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网站html页面中包含iframe的操作

网站html页面中包含iframe的操作

站html页面中包含iframe的操作

一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记

iframe是内嵌的网页元素,也可以说是内嵌的框架

iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame>< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。

另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。

1.获取子页面

2.方法调用

3.获取元素

站html页面中包含iframe的操作

一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记

iframe是内嵌的网页元素,也可以说是内嵌的框架

iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame>< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。

另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。

1.获取子页面

2.方法调用

3.获取元素

iframe多次设置同一个src。

给iframe多次设置同一个src,如果路由使用的是history模式,iframe每次都会重新加载。如果路由使用的是hash模式,iframe只有第一次会重新加载。其中涉及到两个小的知识点,就是url上#号之后的数据不会被发送到服务端。知识点2就是如果去掉#号,给iframe多次设置同一个src,iframe每次都会重新加载,因为去掉#号等于走history模式。

下面直接进行演示。

·先创建一个iframe,然后给iframe设置src,现在连续设置3次,设置一次,设置两次,设置三次。

·然后看它的请求,请求里面只有一条,而且没有#号之后的数据,因为#号之后的数据不会被带到服务端。

·现在再给它设置,现在把#号去掉,把#号之后的数据去掉,把#号之后的数据去掉了。

·现在再给它设置三次,一次,两次,三次。这个时候会发现它又多了三个,一条,两条,三条,多了三条。

这个时候走的是history模式,每次设置的时候都会重新加载,都会进行重新请求。