向日葵视频app官方下载ios,人妻夜夜爽天天爽三区,亚洲精品a∨在线国自产拍

主頁 > 知識庫 > iframe 的用法與注意事項

iframe 的用法與注意事項

本文主要來講述一下 iframe 的用法與注意事項:
    好多同志對 iframe 是如何控制的,并不是十分了解,基本上還處于一個模糊的認識狀態(tài).
注意兩個事項,ifr 是一個以存在的 iframe 的 ID 和 NAME 值:
    document.getElementById(“ifr”);
    window.frames[“ifr”];

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

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

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

還要注意的是,如果在iframe的頁面未完全裝入的時候,調(diào)用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ā)錯誤  //調(diào)用iframe內(nèi)的函數(shù) ifr_window.bb(); //調(diào)用iframe內(nèi)的變量 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 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

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!          ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ...     ... </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); //調(diào)用父窗體的函數(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 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

標簽：昭通深圳大同濰坊石家莊商洛玉樹濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標題《iframe 的用法與注意事項》，本文關(guān)鍵詞 iframe,的,用法,與,注意事項,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。