最新iframe替代方案精选word文档 21页Word文档格式.docx
《最新iframe替代方案精选word文档 21页Word文档格式.docx》由会员分享,可在线阅读,更多相关《最新iframe替代方案精选word文档 21页Word文档格式.docx(18页珍藏版)》请在冰点文库上搜索。
style="
display:
none"
〉〈/iframe〉〈/body〉
主文件index2.htm
〈iframesrc="
加入其他属性限制〉〈/iframe〉
〈/body〉
解释成“浏览器中的浏览器“很是恰当
<
iframeframeborder=0width=170height=100marginheight=0marginwidth=0scrolling=nosrc="
move-ad.htm"
>
/iframe>
IFRAME>
用于设置文本或图形的浮动图文框或容器。
BORDER
IFRAMEBORDER="
3"
/IFRAME>
设定围绕图文框的边缘宽度
FRAMEBODER
IFRAMEFRAMEBODER="
0"
设置边框是不否为3维(0=否,1=是)
HEIGHT,WIDTH
IFRAMEHEIGHT="
31"
WIDTH="
88"
设质边框的宽度和高度
SCROLLING
IFRAMESCROLLING="
NO"
是否有滚动条(YES,NO,AUTO)
SRC
IFRAMESRC="
GIRL.GIF"
指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)-------------------------------------------------------------
“画中画”效果--谈IFRAME标签的使用
纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了,有没有办法,让这些雷同的东西一次下载后就不用再下载,而只下载那些内容有变化区域的网页内容呢?
答案很肯定:
应用Iframe标记!
一、Iframe标记的使用
提起Iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。
Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。
现在,我们遇到一种很现实的情况:
如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的内容页,不含其它内容,在点击上下翻页链接时,只改变教程内容部分,其它保持不变,这样,一是省时,另则以后如教程有个三长两短的变动,也很方便,不致于牵一发而动全军了;
更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。
Iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。
它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。
现在我们谈一下Iframe标记的使用。
Iframe标记的使用格式是:
Iframesrc="
URL"
width="
x"
height="
scrolling="
[OPTION]"
frameborder="
src:
文件的路径,既可是HTML文件,也可以是文本、ASP等;
width、height:
"
画中画"
区域的宽与高;
scrolling:
当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;
如为Auto:
则自动出现滚动条;
如为Yes,则显示;
FrameBorder:
区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。
比如:
/homepage"
;
250"
height="
200"
no"
frameborder="
二、父窗体与浮动帧之间的相互控制在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。
1、在父窗体中访问并控制子窗体中的对象
在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。
现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。
当我们给这个标记设置了ID属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象:
<
test.htm"
id="
test"
test.htm文件代码为:
html>
body>
h1id="
myH1"
hello,myboy<
/h1>
/body>
/html>
如我们要改变ID号为myH1的H1标记里的文字为hello,mydear,则可用:
document.myH1.innerText="
hello,mydear"
(其中,document可省)
在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。
如example.htm:
bodyonclick="
alert(tt.myH1.innerHTML)"
Iframename="
tt"
src="
frame1.htm"
myH2"
hello,mywife<
如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"
hello,myfriend"
,我们就可以这样写:
parent.myH2.innerText="
这里parent对象就代表当前窗体(example.htm所在窗体),要在子窗体中访问父窗体中的对象,无一例外都通过parent对象来进行。
Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。
试想一下,通过Iframe标记,我们可将那些不变的内容以Iframe来表示,这样,不必重复写相同的内容,这有点象程序设计中的过程或函数,减省了多少繁琐的手工劳动!
另外,至关重要的是,它使页面的修改更为可行,因为,不必因为版式的调整而修改每个页面,你只需修改一个父窗体的版式即可了。
有一点要注意,Nestscape浏览器不支持Iframe标记,但在时下IE的天下,这似乎也无大碍,广泛采用Iframe标记,既为自己(网站)着了想,又为网友节省了网费,何乐而不为?
例子:
iframesrc="
页面"
宽度"
高度"
align="
排列可以是left或right,center"
是否有滚动条可以填no或yes"
>
IFRAMEframeBorder=0frameSpacing=0height=25marginHeight=0marginWidth=0scrolling=noname=mainsrc="
bgm/bgm.html"
width=300>
2:
:
用了iframe后发现滚动条不漂亮想用2个图片来代替↑↓
应该怎么实现呢?
回答:
用下列代码替换网页的<
title>
..<
/title>
SCRIPTLANGUAGE="
javascript"
functionscroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if(temp==0)return;
setTimeout("
scroll(temp)"
80);
}
/SCRIPT>
TABLEWIDTH="
330"
TR>
TDWIDTH="
304"
VALIGN="
TOP"
ROWSPAN="
2"
DIVID=Out1STYLE="
width:
100%;
height:
100;
overflow:
hidden;
border-style:
dashed;
border-width:
1px,1px,1px,1px;
文字<
BR>
文字<
文字
/DIV>
/TD>
14"
IMGSRC="
photo/up0605.gif"
WIDTH="
HEIGHT="
20"
onmouseover="
scroll(-1)"
onmouseout="
scroll(0)"
onmousedown="
scroll(-3)"
BORDER="
ALT="
按下鼠标速度会更快!
篇二:
iframe的详细用法
iframe的详细用法IFRAME元素|iframe对象
--------------------------------------------------------------------------------
创建内嵌浮动框架。
成员表
下面的表格列出了iframe对象引出的成员。
请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
SHOW:
行为
集合
事件
滤镜
方法
对象
样式
标签属性属性描述
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设置或获取对象的宽度。
行为描述
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当对象开始移动时触发。
oeadystatechange当对象状态变更时触发。
oesizeend当用户更改完控件选中区中对象的尺寸时触发。
oesizestart当用户开始更改控件选中区中对象的尺寸时触发。
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以随机像素