IE和FF下对frame（框架）的操作

最新推荐文章于 2019-04-12 11:04:13 发布

原创最新推荐文章于 2019-04-12 11:04:13 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #ie #iframe #border #嵌入式 #脚本

JavaScript 专栏收录该内容

74 篇文章

订阅专栏

本文详细解释了网页设计中窗口和框架的区别与联系，包括frameset和iframe的不同应用场景，并提供了具体的HTML示例代码来展示如何控制框架的显示。

1.窗口和框架的区分：窗口包含框架。我们打开一个页面，看到的是一个窗口，内面包含的一个或多个框架，从显示的表面来看，窗口是

看见的，框架是看不见的。

2.框架按作用分为两种：frameset一般框架；iframe内联框架（又称嵌入式框架）。

3.在页面中操作框架时，对frameset操作时，要像在window操作dom原素一样对其操作（因为这是IE和FF下交集）。

           <frameset rows="59,*" frameborder="no" border="0" framespacing="0">
                    <frame src="top.html" id="top" noresize="noresize" frameborder="0" name="topFrame" marginwidth="0" marginheight="0" scrolling="no">
                   <frameset rows="*" cols="195,*" id="frame" name="frameset">
       <frame src="left.html" id="left" name="leftFrame" noresize="noresize" marginwidth="0"

marginheight="0" frameborder="0" scrolling="auto">
<frame src="right.html" id="right" name="main" marginwidth="0" marginheight="0" frameborder="0"

                             scrolling="yes">
                  </frameset>
          </frameset>

在对 name为“leftFrame”操作时，即让其不显示，在IE下运行parent.frame.cols = "0,*"; 这段代码即可，但是FF则出现JS家脚本错误，为了在FF下也能运行，这可以使用对dom 元素操作，top.document.getElementById("frame") ，获取它的framenset，然后对这个frameset进行操作，top.document.getElementById("frame").cols="0,*"; 这样就可以了。