iframe 的用法與注意事項(xiàng)
本文主要來講述一下 iframe 的用法與注意事項(xiàng):
好多同志對(duì) iframe 是如何控制的,并不是十分了解,基本上還處于一個(gè)模糊的認(rèn)識(shí)狀態(tài).
注意兩個(gè)事項(xiàng),ifr 是一個(gè)以存在的 iframe 的 ID 和 NAME 值:
document.getElementById(“ifr”);
window.frames[“ifr”];
要想使用iframe內(nèi)的函數(shù),變量就必須通過第二種方法.因?yàn)樗〉氖且粋€(gè)完整的DOM模型(不知道這樣說對(duì)不對(duì)).第一種方法只是取出了一個(gè)OBJECT而已.
如果只想改變iframe的 src 或者 border , scrolling 等 attributes(與property不是一個(gè)概念,property是不能寫在標(biāo)簽內(nèi)的,比如:scrollHeight,innerHTML等),就需要用到第一種方法.
如果想取得iframe的頁面(不是iframe本身),就需要使用第二種方法,因?yàn)樗〉玫氖且粋€(gè)完整的DOM模型,比如想得到iframe的document.body的內(nèi)容,就只能用第二種方法.
還要注意的是,如果在iframe的頁面未完全裝入的時(shí)候,調(diào)用iframe的DOM模型,會(huì)發(fā)生很嚴(yán)重的錯(cuò)誤,所以,你要準(zhǔn)備一個(gè)容錯(cuò)模式.
下面是示例,一個(gè)是aa.htm,一個(gè)是bb.htm,請(qǐng)先考到本地在運(yùn)行,原因不用我在說了吧!
aa.htm
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
bb.htm
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作...2007-04-04
CSS3是現(xiàn)代Web開發(fā)中不可缺少的技術(shù),提供豐富視覺效果和布局能力,CSS3引入新選擇器、媒體查詢、漸變、陰影、過渡和動(dòng)畫等特性,支持響應(yīng)式設(shè)計(jì)和用戶體驗(yàn)優(yōu)化,兼容性和性能仍是挑戰(zhàn),未來將結(jié)合JavaScript實(shí)現(xiàn)更互動(dòng)的效果2024-11-11
為圖片設(shè)置背景圖片，是一個(gè)非常搞的實(shí)例。這句話或許就感覺有點(diǎn)好玩。我們?yōu)橐訧MG標(biāo)簽引入頁面的圖片設(shè)置背景圖片。2008-09-09
dl+ol應(yīng)用分析...2007-03-03
CSS中Float（浮動(dòng)）相關(guān)技巧文章
CSS中Float（浮動(dòng)）相關(guān)技巧文章...2007-09-09
DIV+CSS布局中不推薦使用的標(biāo)簽集合Dont Use These Tags
DIV+CSS布局中不推薦使用的標(biāo)簽集合Dont Use These Tags...2007-12-12
使用CSS解決文字環(huán)繞圖片問題的代碼...2007-12-12
學(xué)習(xí)標(biāo)準(zhǔn)——筆記...2007-02-02
頁里面 CDATA的作用說明...2007-03-03
[綠色]解讀absolute與relative...2006-11-11