一、制作框架页面的步骤:
1.编写所有子框架页面
2.编写主框架页面
3.在主框架页面中设定子框架名称
4.如果框架页面之间存在链接,在子框架中设定链接。
注意:框架页面是不含标签的
二、基本语法
您的浏览器不支持框架,请考虑升级您的浏览器!
定义框架的基本语法
框架由一对定义
有两个属性:rows和cols
Rows定义上下分割的框架的大小;
cols定义左右分割的框架的大小;
在定义大小时,rows和cols可以使用相对大小或以百分比为单位。
各窗口的尺寸设置
横排多个窗口
排列方式:
A
B
C
纵向排列多个窗口
排列方式:A B C
COLS & ROWS:纵横排列多个窗口
排列方式:
B
A
C
框架边框的颜色
bordercolor="ff0000“
各窗口边框的设置
frameborder=#
=yes, no / 1, 0
框架边框的宽度
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,和contentDocument
iframe.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