关于框架iframe frame frameset的关系结合a标签的target的应用

1.frameset 和frame

其中frame必须配合frameset来使用

如下<frameset cols="100 *">

<frame src="index.php" name="mainFrame" scrolling="no" >

<frame src="index1.php" name="mainFrame" scrolling="no">

</frameset>

framset有以下的属性,cols表示开始分框架左右分,其中*表示剩下的大小,默认值是piex rows表示框架从上到下分border表示边框厚度,frameborder表示是否有边框,bordercolor表示边框颜色。

frame有以下属性src name  scrolling,我目前觉得命名最好为mainFrame才能使当前a的连接显示在改显示的框架,不然会跳转到另一个窗口,目前不知道对不对,最好用,哪位大神可以告诉原因,不胜感激.

Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。

Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。

如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接,上下的代码是一样的,只需在网页中嵌入同一个文件即可,不需要重复代码的编写,本案例的实际效果参看配书光盘中的案例/frame/iframe/see_infomore_iframe.htm。

 

但是我觉得,用frameset时网页中不能有body,或者div,网页全部被框架分割,不好用,iframe更具有灵活性具体如下

<div class="header"></div>

<div class="left">

<ul>

<li><a href="index.php" target="mainFrame">第一个</li>

<li><a href="index1.php" target="mainFrame">第二个</li>

 

</ul>

</div>

<div class="right">

<!--嵌套网页--!>

<iframe width="100%" height="300" frameborder="no" border="no" src="index3.php"></iframe>

//同理在iframe中不能加入任何网页的标签,

</div>

其中我们只要在index3.php书写网页的内容,就会在网页的右侧显示,这是不用质疑的,因为本身就属于这个框架里面,相当于窗口打开就这个框架那么大,

然后再网页left的左侧书写链接的内容时侯就,当你点开链接的时候也会出现在right中,因为target和name的一致,这样会吧链接的窗口打开的东西放在右边的网页中。个人所在iframe可以完成frame的内容,避免程序过多的加载页面,可以对网页中的一部分实现框架,其他部分还是用div等元素布局比较好,不要用frameset直接布局比较好

 

样式不写了

posted @ 2016-04-10 22:27  小白-前端  阅读(2115)  评论(0编辑  收藏  举报