Iframe使用帮助.docx
《Iframe使用帮助.docx》由会员分享,可在线阅读,更多相关《Iframe使用帮助.docx(16页珍藏版)》请在冰豆网上搜索。
![Iframe使用帮助.docx](https://file1.bdocx.com/fileroot1/2023-1/8/62df5ea9-1930-400d-bbad-eb30130a59a9/62df5ea9-1930-400d-bbad-eb30130a59a91.gif)
Iframe使用帮助
Iframe使用帮助
IFRAME元素也就是文档中的文档,或者好像浮动的框架(FRAME)。
frames集合提供了对IFRAME内容的访问。
请使用frames集合读写IFRAME内包含的元素。
例如,如果要访问iframe内body对象的backgroundColor样式,语法应为:
sColor=document.frames("sFrameName").document.body.style.backgroundColor;
通过iframe对象所在页面的对象模型,你可以访问iframe对象的属性,但不能访问其内容。
例如,访问iframe对象的border样式的语法应为:
sBorderValue=document.all.oFrame.style.border;
注意iframe的属性必须使用前缀document.all访问,例如document.all.iframeId.marginWidth。
InternetExplorer5.5支持浮动框架的内容透明。
如果想要为浮动框架定义透明内容,则必须满足下列条件。
与IFRAME元素一起使用的ALLOWTRANSPARENCY标签属性必须设置为true。
在IFRAME内容源文档,background-color或BODY元素的BGCOLOR标签属性必须设置为transparent。
参看使用透明的浮动框架可以获得关于透明浮动框架更多的信息。
此元素在Microsoft®InternetExplorer4.0的HTML和脚本中可用。
此元素是一个块元素。
此元素需要关闭标签。
示例
下面的例子使用了IFRAME元素创建了包含页面sample.htm的框架。
iframe标签--代表HTML内联框架
*iframe标签是成对出现的,以结束
*属性
oname--定义了内容页名称,此名称在框架页内链接时使用到
oframeborder--定义了内容页的边框,取值为(1|0),缺省值为1
omarginwidth--定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
omarginheight--定义了框架中HTML文件显示的左右边界的矿度,取值为px,缺省值由浏览器决定
oalign--垂直或水平对齐方式
oheight--框架的高度
owidth--框架的宽度
*引用网址:
下面的例子返回了对IFRAME包含的文档的all集合的引用。
varcollAll=document.frames("IFrame1").document.all
标签属性属性描述
ALIGNalign设置或获取表格排列。
ALLOWTRANSPARENCYallowTransparency设置或获取对象是否可为透明。
APPLICATIONAPPLICATION表明对象的内容是否为HTML应用程序(HTA),以便免除浏览器安全模式。
ATOMICSELECTION指定元素及其内容是否可以一不可见单位统一选择。
BEGINbegin设置或获取时间线在该元素上播放前的延迟时间。
BORDERborder设置或获取框架间的空间,包括3D边框。
canHaveChildren获取表明对象是否可以包含子对象的值。
canHaveHTML获取表明对象是否可以包含丰富的HTML标签的值。
CLASSclassName设置或获取对象的类。
contentWindow获取指定的frame或iframe的window对象。
DATAFLDdataFld设置或获取由dataSrc属性指定的绑定到指定对象的给定数据源的字段。
DATASRCdataSrc设置或获取用于数据绑定的数据源。
disabled获取表明用户是否可与该对象交互的值。
ENDend设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。
firstChild获取对象的childNodes集合的第一个子对象的引用。
FRAMEBORDERframeBorder设置或获取是否显示框架的边框。
hasMedia获取一个表明元素是否为HTML+TIME媒体元素的Boolean值。
HEIGHTheight设置或获取对象的高度。
HIDEFOCUShideFocus设置或获取表明对象是否显式标明焦点的值。
HSPACEhspace设置或获取对象的水平边距。
IDid获取标识对象的字符串。
innerText设置或获取位于对象起始和结束标签内的文本。
isContentEditable获取表明用户是否可编辑对象内容的值。
isDisabled获取表明用户是否可与该对象交互的值。
isMultiLine获取表明对象的内容是包含一行还是多行的值。
isTextEdit获取是否可使用该对象创建一个TextRange对象。
LANGlang设置或获取要使用的语言。
LANGUAGElanguage设置或获取当前脚本编写用的语言。
lastChild获取该对象childNodes集合中最后一个子对象的引用。
longDesc设置或获取对象长描述的统一资源标识符(URI)。
MARGINHEIGHTmarginHeight设置或获取显示框架中文本之前的上下边距高度。
MARGINWIDTHmarginWidth设置或获取显示框架中文本之前的左右边距宽度。
NAMEname设置或获取框架的名称。
nextSibling获取对此对象的下一个兄弟对象的引用。
nodeName获取特定结点类型的名称。
nodeType获取所需结点的类型。
nodeValue设置或获取结点的值。
offsetHeight获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度。
offsetLeft获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置。
offsetParent获取定义对象offsetTop和offsetLeft属性的容器对象的引用。
offsetTop获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置。
offsetWidth获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的宽度。
onOffBehavior获取表明指定的Microsoft®DirectAnimation®行为是否正在运行的对象。
outerHTML设置或获取对象及其内容的HTML形式。
outerText设置或获取对象的文本。
ownerDocument设置或获取结点关联的document对象。
parentElement获取对象层次中的父对象。
parentNode获取文档层次中的父对象。
parentTextEdit获取文档层次中可用于创建包含原始对象的TextRange的容器对象。
previousSibling获取对此对象的上一个兄弟对象的引用。
readyState获取对象的当前状态。
readyState获取表明对象当前状态的值。
recordNumber获取数据集中生成对象的原始记录。
scopeName获取为该元素定义的命名空间。
SCROLLINGscrolling设置或获取框架是否可被滚动。
SECURITYSECURITY获取表明frame或iframe的源文件是否应用了特定的安全限制的值。
sourceIndex获取对象在源序中的依次位置,即对象出现在document的all集合中的顺序。
SRCsrc设置或获取要由对象装入的URL。
STYLE为该设置元素设置内嵌样式。
SYNCMASTERsyncMaster设置或获取时间容器是否必须在此元素上同步回放。
SYSTEMBITRATE获取系统中大约可用带宽的bps。
SYSTEMCAPTION表明是否要显示文本来代替演示的的音频部分。
SYSTEMLANGUAGE表明是否在用户计算机上的选项设置中选中了给定语言。
SYSTEMOVERDUBORSUBTITLE指定针对那些正在观看演示但对被播放的音频所使用的语言并不熟悉的用户来说是否要渲染配音或字幕。
TABINDEXtabIndex设置或获取定义对象的Tab顺序的索引。
tagName获取对象的标签名称。
tagUrn设置或获取在命名空间声明中指定的统一资源名称(URN)。
TIMECONTAINERtimeContainer设置或获取与元素关联的时间线类型。
TITLEtitle设置或获取对象的咨询信息(工具提示)。
uniqueID获取为对象自动生成的唯一标识符。
UNSELECTABLE指定该元素不可被选中。
VSPACEvspace设置或获取对象的垂直边距。
WIDTHwidth设置或获取对象的宽度。
iframe标签--代表HTML内联框架
iframe标签是成对出现的,以结束
属性
name--定义了内容页名称,此名称在框架页内链接时使用到
src--定义了内容页URL
frameborder--定义了内容页的边框,取值为(1|0),缺省值为1
1--在每个页面之间都显示边框
0--不显示边框
marginwidth--定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
marginheight--定义了框架中HTML文件显示的左右边界的矿度,取值为px,缺省值由浏览器决定
scrolling--定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes--显示滚动条
no--不显示滚动条
auto--当需要时再显示滚动条
align--垂直或水平对齐方式
height--框架的高度
width--框架的宽度
引用网址:
下面的表格列出了iframe对象引出的成员。
请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
显示:
标签属性/属性
行为
集合
事件
滤镜
方法
对象
样式
行为描述
clientCaps提供关于InternetExplorer支持的特性的信息,以及提供即用即装的方法。
download下载文件并在下载完成后通知一个指定的回调函数。
homePage包含关于用户主页的信息。
time为HTML元素提供一个活动的时间线。
time2为HTML元素或一组元素提供一个活动的时间线。
集合描述
all返回对象所包含的元素集合的引用。
attributes获取对象标签属性的集合。
behaviorUrns返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。
childNodes获取作为指定对象直接后代的HTML元素和TextNode对象的集合。
children获取作为对象直接后代的DHTML对象的集合。
事件描述
onactivate当对象设置为活动元素时触发。
onafterupdate当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforedeactivate在activeElement从当前对象变为父文档其它对象之前立即触发。
onbeforeupdate当成功更新数据源对象中的关联对象前在数据绑定对象上触发。
onblur在对象失去输入焦点时触发。
oncontrolselect当用户将要对该对象制作一个控件选中区时触发。
ondeactivate当activeElement从当前对象变为父文档其它对象时触发。
onerrorupdate更新数据源对象中的关联数据出错时在数据绑定对象上触发。
onfocus当对象获得焦点时触发。
onload在浏览器完成对象的装载后立即触发。
onmove当对象移动时触发。
onmoveend当对象停止移动时触发。
onmovestart当对象开始移动时触发。
onreadystatechange当对象状态变更时触发。
onresizeend当用户更改完控件选中区中对象的尺寸时触发。
onresizestart当用户开始更改控件选中区中对象的尺寸时触发。
ontimeerror当特定时间错误发生时无条件触发,通常由将属性设置为无效值导致。
滤镜属性描述
Alpha调整对象内容的不透明度。
AlphaImageLoader在对象的边界和对象背景到内容之间显示图像,可选剪裁或缩放图像大小。
当装入便携网络图像(PNG)时,从0到100%的透明度都是支持的。
Barn以开门或关门的运动方式显示对象的新内容。
BasicImage调整对象内容的颜色处理、图像旋转或不透明度。
BlendTrans以渐隐原始内容的形式显示对象的新内容。
Blinds以打开或关闭盲点的运动方式显示对象的新内容。
Blur模糊对象的内容以便使其看起来失去焦点。
CheckerBoard以揭开覆盖在原始内容上的棋盘的形式显示对象的新内容。
Chroma将对象内容的指定颜色显示为透明。
Compositor以新旧内容逻辑颜色组合的形式显示对象的新内容。
每个版本的颜色和alpha值都会被计算用来决定输出图像的最终颜色。
DropShadow创建对象内容的实体阴影,偏移量位于指定方向。
这将使得内容看起来是浮动的因此会产生阴影。
Emboss使用灰度值对对象以浮雕纹理显示。
Engrave使用灰度值对对象以雕刻纹理显示。
Fade以渐隐原始内容的形式显示对象的新内容。
FlipH以沿水平方向翻转的形式显示对象内容。
FlipV以沿垂直方向翻转的形式显示对象内容。
Glow在对象边缘外侧添加光晕以便使其看起来像发光的样子。
Gradient在对象的背景和内容之间显示一个渐变色彩的表面。
GradientWipe以在原有内容上覆盖渐变带的形式显示对象的新内容。
Gray以灰度显示对象内容。
ICMFilter根据图像颜色管理(ICM)配置文件转换对象的彩色内容。
这将允许指定内容的显示效果得以改善,或者在打印机或监视器等硬件设备上模拟显示。
Inset以对角线方向显示对象的新内容。
Invert反转对象内容的色调、饱和度和亮度。
Iris以彩虹效果显示对象的新内容,这与照相机光圈打开相似。
Light在对象的内容上创建灯光效果。
MaskFilter将对象内容的透明像素显示为彩色遮罩,将非透明像素显示为透明。
Matrix使用矩阵变换缩放、旋转或显现对象的内容。
MotionBlur以运动模糊的效果显示对象内容。
Pixelate将对象的内容显示为彩色方块,其颜色取决于该方块所替代区域的平均颜色值。
此滤镜显示可用于切换。
RadialWipe以辐射状擦除的形式显现对象的新内容。
RandomBars以随机像素线爆炸的形式显现对象的新内容。
RandomDissolve以随机像素爆炸的形式显现对象的新内容。
Redirect目前还不支持。
RevealTrans使用24种预先定义的切换效果显现对象的新内容。
Shadow创建对象内容的实体阴影,偏移量位于指定方向。
这将创建阴影效果。
Slide以图像滑行的形式显现对象的新内容。
Spiral以螺旋运动的形式显现对象的新内容。
Stretch以拉伸覆盖原始内容的形式显现对象的新内容。
有一个选项类似立方体从一个表面转到另外一个表面。
Strips以条形覆盖的形式显现对象的原始内容,好像有一把锯将原始内容锯开。
Wave在对象的内容上执行垂直方向的正弦波扭曲。
Wheel以旋转运动的形式显现对象的新内容,好像轮子滚过原始内容。
Xray更改对象内容的颜色深度将其以黑白显示。
Zigzag在对象上将对象的新内容进行来回移动以便覆盖原始内容。
方法描述
addBehavior给元素附加一个行为。
appendChild给对象追加一个子元素。
applyElement使得元素成为其它元素的子元素或父元素。
attachEvent将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。
blur使元素失去焦点并触发onblur事件。
clearAttributes从对象中删除全部标签属性和值。
cloneNode从文档层次中复制对对象的引用。
componentFromPoint通过特定事件返回对象在指定坐标下的位置。
contains检查对象中是否包含给定元素。
detachEvent从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了。
dragDrop初始化拖曳事件。
fireEvent触发对象的指定事件。
focus使得元素得到焦点并执行由onfocus事件指定的代码。
getAdjacentText返回邻接文本字符串。
getAttribute获取指定标签属性的值。
getAttributeNode获取由attribute.name属性引用的attribute对象。
getElementsByTagName获取基于指定元素名称的对象集合。
getExpression获取给定属性的表达式。
hasChildNodes返回表明对象是否有子对象的值。
insertAdjacentElement在指定位置插入元素。
insertAdjacentHTML在指定位置的元素中插入给定的HTML文本。
insertAdjacentText在指定位置插入给定的文本。
insertBefore在文档层次中插入元素作为父对象的子结点。
mergeAttributes复制所有读/写标签属性到指定元素。
normalize合并邻接TextNode对象以便生成一个常规的文档对象模型。
removeAttribute删除对象的给定标签属性。
removeAttributeNode从对象中删除删除attribute对象。
removeBehavior分离元素的行为。
removeChild从元素上删除子结点。
removeExpression从指定属性中删除表达式。
removeNode从文档层次中删除对象。
replaceAdjacentText替换元素的邻接文本。
replaceChild用新的子元素替换已有的子元素。
replaceNode用其它元素替换对象。
scrollIntoView将对象滚动到可见范围内,将其排列到窗口顶部或底部。
setActive设置对象为当前对象而不将对象置为焦点。
setAttribute设置指定标签属性的值。
setAttributeNode设置attribute对象为对象的一部分。
setExpression设置指定对象的表达式。
swapNode交换文档层次中两个对象的位置。
对象描述
runtimeStyle代表了居于全局样式表、内嵌样式和HTML标签属性指定的格式和样式之上的对象的格式和样式。
style代表了给定元素所有可能的内嵌样式的当前设置。
样式标签属性样式属性描述
ACCELERATORaccelerator设置或获取表明对象是否包含快捷键的字符串。
background-attachmentbackgroundAttachment设置或获取背景图像如何附加到文档内的对象中。
background-colorbackgroundColor设置或获取对象内容后的颜色。
background-position-xbackgroundPositionX设置或获取backgroundPosition属性的x坐标。
background-position-ybackgroundPositionY设置或获取backgroundPosition属性的y坐标。
behaviorbehavior设置或获取DHTML行为的位置。
border-bottomborderBottom设置或获取对象下边框的属性。
border-bottom-colorborderBottomColor设置或获取对象下边框的颜色。
border-bottom-styleborderBottomStyle设置或获取对象下边框的样式。
border-bottom-widthborderBottomWidth设置或获取对象下边框的宽度。
border-colorborderColor设置或获取对象的边框颜色。
border-leftborderLeft设置或获取对象左边框的属性。
border-left-colorborderLeftColor设置或获取对象左边框的颜色。
bor