当前位置：首页 -> 网页设计 -> 经验技巧 -> “画中画”效果---谈Iframe标记的使用

“画中画”效果---谈Iframe标记的使用

时间： 2021-07-31 作者：daque

观时下网站，从来网速就有些慢，然而简直每页都要放什么banner，栏目图片，版权等第一次全国代表大会堆好像的货色，固然，出于网站作风一致、告白效力的须要，本无可非议，可究竟让用户的皮夹子为那些“装饰“的货色”日益消得钱枯槁”了，有没有方法，让那些好像的货色一次载入后就不必再载入，而只载入那些实质有变革地区的网页实质呢？谜底很确定：运用iframe标志！一、iframe标志的运用提起iframe，大概你早已将之扔到“被忘怀的边际”了，然而，说起其伯仲frame就不会生疏了。frame标志即帧标志，咱们所说的多帧构造即是在一个欣赏器窗口中表露多个html文献。此刻，咱们遇到一种很实际的情景：如有一个教程，是一节一节地上，每页结束做一个“上一节“、“下一节“的链接，除去每节教程实质各别除外，页面其它局部实质都是沟通的，即使一页一页地做笨页面，这犹如太让人腻烦了，这时候爆发奇想，即使有一种本领让页面其它场合静止，只将教程做出一页一页的实质页，不含其它实质，在点击左右翻页链接时，只变换教程实质局部，其它维持静止，如许，一是省时，另则此后如教程有个三长两短的变化，也很简单，不致于牵一发而动三军了;更要害的是将那些告白banner、栏目列表、导航等简直每页的都有的货色只载入一次后就不复载入了。 iframe标志，又叫浮动帧标志，你不妨用它将一个html文书档案嵌入在一个html中表露。它各别于frame标志最大的特性即这个标志所援用的html文献不是与其余的html文献彼此独力表露，而是不妨径直嵌入在一个html文献中，与这个html文献实质彼此融洽，变成一个完全，其余，还不妨屡次在一个页面内表露同一实质，而不用反复写实质，一个局面的比方即“画中画“电视。此刻咱们谈一下iframe标志的运用。 iframe标志的运用方法是: <iframe src="url" width="x" height="x" scrolling="[option]" frameborder="x"></iframe> src：文献的路途，既然而html文献，也不妨是文本、asp等； width、height："画中画"地区的宽与高； scrolling:当src的指定的html文献在指定的地区不显不完时，震动选项，即使树立为no，则不展示震动条；如为auto：则机动展示震动条；如为yes，则表露; frameborder：地区边框的宽窄，为了让“画中画“与临近的实质相融洽，常树立为0。比方: <iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe> 二、父窗体与浮动帧之间的彼此遏制在剧本谈话与东西档次中，包括iframe的窗口咱们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的联系很要害，由于要在父窗体中考察子窗体或差异都必需领会东西档次，本领经过步调来考察并遏制窗体。 1、在父窗体中考察并遏制子窗体中的东西在父窗体中，iframe即子窗体是document东西的一个子东西，不妨径直在剧本中考察子窗体中的东西。此刻就有一个题目，即，咱们还好吗来遏制这个iframe，这边须要讲一下iframe东西。当咱们给这个标志树立了id 属性后，就可经过文书档案东西模子dom对iframe所含的html举行一系列遏制。比方在example.htm里嵌入test.htm文献，并遏制test.htm里少许标志东西： <iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> test.htm文献代码为: <html> <body> <h1 id="myh1">hello,my boy</h1> </body> </html> 如咱们要变换id号为myh1的h1标志里的笔墨为hello,my dear，则可用: document.myh1.innertext="hello,my dear"(个中，document可省) 在example.htm文献中，iframe标志东西所指的子窗体与普遍的dhtml东西模子普遍，对东西考察遏制办法一律，就不复赘述。 2、在子窗体中考察并遏制父窗体中东西在子窗体中咱们不妨经过其parent即父（双亲）东西来考察父窗口中的东西。如example.htm： <html> <body onclick="alert(tt.myh1.innerhtml)"> <iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe> <h1 id="myh2">hello,my wife</h1> </body> </html> 即使要在frame1.htm中考察id号为myh第22中学的题目笔墨并将之改为"hello,my friend"，咱们就不妨如许写： parent.myh2.innertext="hello,my friend" 这边parent东西就代办暂时窗体(example.htm地方窗体)，要在子窗体中考察父窗体中的东西，无一不同都经过parent东西来举行。 iframe固然内嵌在另一个html文献中，但它维持对立的独力，是一个“独力帝国“哟，在简单html中的个性同样实用于浮动帧中。试想一下，经过iframe标志，咱们可将那些静止的实质以iframe来表白，如许，不用反复写沟通的实质，这有点象步调安排中的进程或因变量，俭朴了几何烦琐的细工处事！其余，至关要害的是，它使页面包车型的士窜改更为可行，由于，不用由于版式的安排而窜改每个页面，你只需窜改一个父窗体的版式即可了。有一点要提防，nestscape欣赏器不扶助iframe标志，但在时下ie的世界，这犹如也无大碍，普遍沿用iframe标志，既为本人(网站)着了想，又为网友俭朴了网费，何乐而不为？

“画中画”效果---谈Iframe标记的使用

相关推荐

推荐下载

热门阅览

最新排行