herry — Tue, 25 Apr 2006 09:42:00 GMT

�U�观时下�|�站�Q�本来网速就有些慢，可是几乎每页都要放什么Banner�Q�栏目图片，版权�{�一大堆雷同的东西，当然�Q�出于网站风格统一�?
�q�告效应的需要，本无可厚非，可毕竟让用户的钱包�ؓ�q�些'点缀'的东襎쀝日益消得钱憔悴”了�Q�有没有办法�Q�让�q�些雷同的东西一��?
下蝲后就不用再下载，而只下蝲那些内容有变化区域的�|�页内容呢？
　　�{�案很肯定：应用Iframe标记�Q?

　　一、Iframe标记的��?/strong>

　　提�vIframe�Q�可能你早已��之扔到'被遗忘的角落”了�Q�不�q�，说�v其兄弟Frame��׃��会陌生了。Frame标记卛_��标记�Q�我们所说的多��
�l�构��是在一个浏览器�H�口中显�C�多个HTML文�g。现在，我们遇到一�U�很现实的情况：如有一个教�E�，是一节一节地上，每页末尾做一�?
'上一�?�?下一�?的链接，除了每节教程内容不同之外�Q�页面其它部分内定w��是相同的�Q�如果一��一��地做笨��面�Q�这��g��太让人厌
烦了�Q�这时突发奇惻I��如果有一�U�方法让��面其它地方不变�Q�只��教�E�做成一��一��늚�内容��，不含其它内容�Q�在点击上下��页链接�Ӟ��只改
变教�E�内定w��分，其它保持不变�Q�这��P��一是省�Ӟ��另则以后如教�E�有个三长两短的变动�Q�也很方便，不致于牵一发而动全军�?更重要的�?
��那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一�ơ后��׃��再下载了�?

　　Iframe标记�Q�又叫��Q动��标记�Q�你可以用它��一个HTML文档嵌入在一个HTML中显�C�。它不同于Frame标记最大的特征卌��个标记所引用
的HTML文�g不是与另外的HTML文�g�怺�独立昄��Q�而是可以直接嵌入在一个HTML文�g中，与这个HTML文�g内容�怺�融合�Q�成��Z��个整体，
另外�Q�还可以多次在一个页面内昄��同一内容�Q�而不必重复写内容�Q�一个�Ş象的比喻�?��M��?电视�?

　　现在我们谈一下Iframe标记的��用�?

　　Iframe标记的��用格式是:

　　src�Q�文件的路径�Q�既可是HTML文�g�Q�也可以是文本、ASP�{�；
　　width、height�Q?��M��?区域的宽与高�Q?
　　scrolling:当SRC的指定的HTML文�g在指定的区域不显不完�Ӟ��滚动选项�Q�如果设�|��ؓNO�Q�则不出现滚动条�Q�如为Auto�Q�则自动出现滚动
条；如�ؓYes�Q�则昄��;
　　FrameBorder�Q�区域边框的宽度�Q��ؓ了让'��M��?与邻�q�的内容相融合，常设�|��ؓ0�?

比如:

　　http://netschool.cpcw.com/homepage width="250" height="200" scrolling="no" frameborder="0">

　　二、父�H�体与��Q动��之间的相互控�?/strong>

　　在脚本语�a�与对象层�ơ中�Q�包含Iframe的窗口我们称之�ؓ父窗体，而��Q动��则称为子�H�体�Q�弄清这两者的关系很重要，因�ؓ要在父窗�?
中访问子�H�体或相反都必须清楚对象层次�Q�才能通过�E�序来访问�ƈ控制�H�体�?

　　1、在父窗体中讉K��q�控制子�H�体中的对象

　　在父�H�体中，Iframe卛_��H�体是document对象的一个子对象�Q�可以直接在脚本中访问子�H�体中的对象�?

　　现在��有一个问题，卻I��我们怎样来控制这个Iframe�Q�这里需要讲一下Iframe对象。当我们�l�这个标记设�|�了ID 属性后�Q�就可通过文档
对象模型DOM对Iframe所含的HTML�q�行一�p�d��控制�?

　　比如在example.htm里嵌入test.htm文�g�Q��ƈ控制test.htm里一些标记对象：
　　
test.htm文�g代码�?
　　
　　　
　　　　

hello,my boy

　　　
　　
　　如我们要改变ID号�ؓmyH1的H1标记里的文字为hello,my dear�Q�则可用:
　　document.myH1.innerText="hello,my dear"(其中�Q�document可省)
　　在example.htm文�g中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一��_��对对象访问控制方式一��P��׃��再赘�q��?
　　2、在子窗体中讉K��q�控制父�H�体中对�?/strong>
　　在子�H�体中我们可以通过其parent即父�Q�双�Ԍ��对象来访问父�H�口中的对象�?
　　如example.htm�Q?
　　
　　　
　　　　
　　　　
hello,my wife

　　　
　　
　　如果要在frame1.htm中访问ID号�ؓmyH2中的标题文字�q�将之改�?hello,my friend"�Q�我们就可以�q�样写：
　　parent.myH2.innerText="hello,my friend"
　　�q�里parent对象��׃��表当前窗�?example.htm所在窗�?�Q�要在子�H�体中访问父�H�体中的对象�Q�无一例外都通过parent对象来进行�?
　　Iframe虽然内嵌在另一个HTML文�g中，但它保持相对的独立，是一�?独立王国'哟，在单一HTML中的�Ҏ��同样适用于��Q动��中�?
　　试想一下，通过Iframe标记�Q�我们可��那些不变的内容以Iframe来表�C�，�q�样�Q�不必重复写相同的内容，�q�有点象�E�序设计中的�q�程�?
函数�Q�减省了多少�J�琐的手工劳动！另外�Q�至关重要的是，它�ə�面的修�Ҏ��为可行，因�ؓ�Q�不必因为版式的调整而修�Ҏ��个页面，你只需
修改一个父�H�体的版式即可了�?
　　有一点要注意�Q�Nestscape��览器不支持Iframe标记�Q�但在时下IE的天下，�q�似乎也无大��，�q�泛采用Iframe标记�Q�既��?

三、IFrame也可以编辑文�?/strong>
有没有想�q�除了表�?
)之外�q�有其它的网��元素可以编辑文字呢�Q�只要��用IFrame的隐藏的一个属性就可以使IFrame成�ؓ一个文本编辑器�?

其中designMode属性表�C�IFrame的设计模式的状态（开/养I��Q�还在犹豫什么呢�Q�快试试吧！
只要巧妙的利用这一�Ҏ��就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器�?

herry 2006-04-25 17:42 发表评论

在线日本制服中文欧美,欧美成人基地,色爱av综合网

hello,my boy

hello,my wife