iframe 的用法與注意事項(xiàng)
本文主要來講述一下 iframe 的用法與注意事項(xiàng):
好多同志對 iframe 是如何控制的,并不是十分了解,基本上還處于一個(gè)模糊的認(rèn)識狀態(tài).
注意兩個(gè)事項(xiàng),ifr 是一個(gè)以存在的 iframe 的 ID 和 NAME 值:
document.getElementById(“ifr”);
window.frames[“ifr”];
要想使用iframe內(nèi)的函數(shù),變量就必須通過第二種方法.因?yàn)樗〉氖且粋€(gè)完整的DOM模型(不知道這樣說對不對).第一種方法只是取出了一個(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模型,會發(fā)生很嚴(yán)重的錯(cuò)誤,所以,你要準(zhǔn)備一個(gè)容錯(cuò)模式.
下面是示例,一個(gè)是aa.htm,一個(gè)是bb.htm,請先考到本地在運(yùn)行,原因不用我在說了吧!
aa.htm
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
bb.htm
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
解決IE5/IE5.5/IE6/FF的兼容性問題——CSS...2007-05-05
html下利用javascript連數(shù)據(jù)庫
html下利用javascript操作本地?cái)?shù)據(jù)庫的代碼2008-02-02
html中CSS:hover選擇器改變子元素、同級元素、就近元素的樣式
鼠標(biāo)懸浮覆蓋元素后,以前使用js的mouseover和mouseout添加監(jiān)聽事件可以實(shí)現(xiàn)交互,現(xiàn)在可以使用CSS中的:hover選擇器提高性能,:hover選擇器可以針對不同的HTML元素,在鼠標(biāo)懸停時(shí)改變元素（也可以是子元素、同級元素、就近元素）的樣式,增強(qiáng)網(wǎng)頁的互動(dòng)性和用戶體驗(yàn),2023-08-08
web標(biāo)準(zhǔn)知識——從p開始，循序漸進(jìn)
從今天開始，我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識放在這個(gè)“WEB標(biāo)準(zhǔn)能有多難？”的專欄里。當(dāng)然由于振之的水平有限，所講并非是完全正確的。在看了這個(gè)專欄的文章的時(shí)候要理性的分析，要有自己的判斷，歡迎各位朋友提出自己的看法與意見。2008-06-06
下面是高手整理的一些javascript在ie和ff中的兼容寫法2008-10-10
不錯(cuò)，可以方便提示用戶等信息2008-08-08
轉(zhuǎn)載未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）
轉(zhuǎn)載未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）...2007-01-01
Meta標(biāo)簽詳解...2007-02-02
以圖換字的幾個(gè)方法及思路...2006-11-11
IE 5.x/Win 和模型bug...2007-02-02