久久99热这里只有国产中文精品,日韩免费视频一区二区

　iframe 的用法與注意事項

作者：xling　時間： 2006-04-23　文檔類型：原創(chuàng)　來自：藍色理想

好多同志對 iframe 是如何控制的,并不是十分了解,基本上還處于一個模糊的認識狀態(tài).

注意兩個事項,ifr 是一個以存在的 iframe 的 ID 和 NAME 值:
 document.getElementById(“ifr”);
 window.frames[“ifr”];

要想使用iframe內的函數(shù),變量就必須通過第二種方法.因為它取的是一個完整的DOM模型(不知道這樣說對不對).第一種方法只是取出了一個OBJECT而已.

如果只想改變iframe的 src 或者 border , scrolling 等 attributes(與property不是一個概念,property是不能寫在標簽內的,比如:scrollHeight,innerHTML等),就需要用到第一種方法.

如果想取得iframe的頁面(不是iframe本身),就需要使用第二種方法,因為它取得的是一個完整的DOM模型,比如想得到iframe的document.body的內容,就只能用第二種方法.

還要注意的是,如果在iframe的頁面未完全裝入的時候,調用iframe的DOM模型,會發(fā)生很嚴重的錯誤,所以,你要準備一個容錯模式.

下面是示例,一個是aa.htm,一個是bb.htm,請先考到本地在運行,原因不用我在說了吧!

aa.htm

運行代碼框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <style type="text/css">  </style> </head> <body> <iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe> </body> </html> <script language="javascript" type="text/javascript"> var aa_value="I'm a variant in Top window!"; var ifr_id=document.getElementById("ifr"); var ifr_window=window.frames["ifr"]; alert("Alert from Top window : Can't get iframe's variant by ifr_id, it will return :" + ifr_id.bb_var); alert("Alert from Top window : Can't get iframe's DOM model by ifr_id ,it will return :" + ifr_id.window); alert("Alert from Top window : Get src from id :" + ifr_id.src); alert("Alert from Top window : Get href from window:" + ifr_window.document.location.href); //由于bb.htm可能還未裝載完成,所以,下冇的可能引發(fā)錯誤 //調用iframe內的函數(shù) ifr_window.bb(); //調用iframe內的變量 alert("Alert from Top window : " + ifr_window.bb_var); // alert("Alert from Top Window :" + ifr_window.document.body.innerHTML); function aa(msg){ alert("I'm alerting from Top window ,and I received a msg:\n" + msg); } </script>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

bb.htm

運行代碼框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>sub frame</title> <style type="text/css">  </style> </head> <body> I'm a sub frame! <br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ...<br /> ... </body> </html> <script language="javascript" type="text/javascript"> var bb_var="I'm a variable in ifr"; function bb(){ alert("Alert from iframe :I'm frame ifr's function") } //獲取父頁面的變量 alert("Alert from iframe parent.ifr_id::" + parent.ifr_id); alert("Alert from iframe parent.aa_value : " + parent.aa_value); //通過父頁面的ifr_id來改變 iframe的高度 alert("Alert from iframe : ifr's clientHeight :" +document.body.clientHeight); parent.ifr_id.height=document.body.clientHeight; alert("Alert from iframe : ifr's scrollHeight : " + document.body.scrollHeight); //調用父窗體的函數(shù): parent.aa("I will calling a function which is Top window's "); //改變父窗體的標題: alert("Alert from iframe : I will changing Top window's title"); top.document.title="The title value changed"; //通過父窗體的ifr_id來改變的border 與scrolling alert("Alert from iframe : I will change my border and scrolling :"); top.ifr_id.border=0; top.ifr_id.scrolling="no"; </script>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

出處：藍色理想
責任編輯：moby

◎進入論壇網頁制作、網站綜合版塊參加討論

相關文章

[ASP]GetRows的用法詳解！

作者文章

幾行代碼搞定一棵漂亮的樹


關鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設計比賽網頁制作 web標準用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大福“敬•自然”設計大賽開啟

國際體驗設計大會7月將在京舉行

中國國防科技信息中心標志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網的機會

阿里行云

云手機年終巨獻，送禮標配299起

阿里巴巴CTO王堅的"云和互聯(lián)網觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機主題設計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx