发布时间：2025-12-09 11:49:35 浏览次数：2
一、制作框架页面的步骤:
1.编写所有子框架页面
2.编写主框架页面
3.在主框架页面中设定子框架名称
4.如果框架页面之间存在链接,在子框架中设定链接。
注意:框架页面是不含标签的
二、基本语法
各窗口的尺寸设置
横排多个窗口 排列方式:A
B
C
COLS & ROWS:纵横排列多个窗口
排列方式: BA
C
框架边框的颜色
bordercolor="ff0000“
各窗口边框的设置
frameborder=#
框架边框的宽度
framespacing=”10″
三、的属性
name:定义该框架的名字。这个名字可以被一些网页元素引用,如被元素引用。
Src:在本框架里显示网页的URL。
Target:目标框架,引用的是目标框架的名字。
在当前框架中打开超链接页面
默认就是在当前框架页中打开,也可以采用Target=“_self”
在指定框架中打开超级链接页面
Target=“name”
新开窗口打开链接页面
Target=“_blank”
跳出整个框架集
Target=“_parent”
Scrolling:是否显示滚动条。yes, no, auto
Noresize:框架在浏览器里不可以被调整大小。
iframe
定义和用法
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
iframe常用属性:frameborder:是否显示边框,1(yes),0(no)height:框架作为一个普通元素的高度,建议在使用css设置。width:框架作为一个普通元素的宽度,建议使用css设置。name:框架的名称,window.frames[name]时专用的属性。scrolling:框架的是否滚动。yes,no,auto。src:内框架的地址,可以使页面地址,也可以是图片的地址。当主页面和iframe同域时,我们可以获取iframe里的内容:主要的两个API就是contentWindow,和contentDocumentiframe.contentWindow, 获取iframe的window对象
iframe.contentDocument, 获取iframe的document对象
这两个API只是DOM节点提供的方式(即getELement系列对象)
var iframe = document.getElementById("iframe1");
var iwindow = iframe.contentWindow;
var idoc = iwindow.document;
console.log("window",iwindow);//获取iframe的window对象
console.log("document",idoc); //获取iframe的document
console.log("html",idoc.documentElement);//获取iframe的html
console.log("head",idoc.head); //获取head
console.log("body",idoc.body); //获取body
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流