iframe读取页面的用法小体会

  用html很久了,不过接触iframe标签不是很多,一般在设计页面的时候,很少涉及到做后台的应用,所以接触这个标签不是很多,这个标签是一个框架标签。用来读取其他html页面的,自己是这么理解的,不知道对不对,跟它相近的还有frame标签以及frameset标签。个人理解frame和frameset标签是制定框架结构的,而iframe是在页面中嵌入html页面的标签。用iframe嵌入标签时,通常会出现嵌入页面内容需要变换。碰到这个问题的时候,我立刻想到了用js来实现此效果,用js来控制iframe的src属性,通过js修改iframe的src属性,来实现载入页面的更换。实现方法也很简单。如下:

先定义一个函数:

function loadpage(url)
{
 var currentframe=document.getElementById("userinfo");
 currentframe.src=url;
}

其中,userinfo是iframe的id,获取这个id,利用函数修改iframe的src属性。在你需要产生动作的地方调用该函数如下:

<a onclick="loadpage('aaa.html')" href="#">调用按钮</a>

如上a标签,在onclick中调用loadpage函数,然后使得iframe标签读取aaa.html文件。这个方法当然可以,不过后来邓飞告诉了我一个方法。可以不用js实现。比这个要简单。看看a标签代码如下:

<a target="iframename" href="aaa.html">个人信息</a>

如上代码,其中iframename是iframe的name属性名字,如果使用该方法,一定要设置iframe的name属性。然后后面就是iframe所要载入的网页文件地址,是不是很简单呢。我也觉得这个方法简单。以后再碰到这个问题,就利用后面的方法了。

在网上找了一下,把iframe,frameset,frame标签的一些概念传上来,也学习下。

<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。
亦请先明白围堵标记与空标记的分别请看 【HTML概念】。

■ 框架概念 :
所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗,每一框窗由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围

版权所有©摇太阳网站 鄂ICP备09010653号
Copyright By Email:mail@yaotaiyang.com