html的iframe使用

IFRAME是html標簽，作用是文檔中的文檔，或者浮動的框架(FRAME)。iframe元素會創建包含另外一個文檔的內聯框架（即行內框架）。

定義和用法

iframe 元素會創建包含另外一個文檔的內聯框架（即行內框架）。

HTML 與 XHTML 之間的差異

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。

TIY 實例

一些老的瀏覽器不支持 iframe。

如果得不到支持，iframe 是不可見的。

提示和注釋

提示：HTML 與 XHTML 之間的差異：在HTML4.1 Strict DTD和XHTML1.0 Strict DTD中，不支持iframe元素。

可以把需要的文本放置在

和

之間，這樣就可以應對無法理解iframe的瀏覽器。

iframe常用屬性:

1.frameborder:是否顯示邊框，1(yes),0(no)

2.height:框架作為一個普通元素的高度，建議在使用css設置。

3.width:框架作為一個普通元素的寬度，建議使用css設置。

4.name:框架的名稱，window.frames[name]時專用的屬性。

5.scrolling:框架的是否滾動。yes,no,auto。

6.src：內框架的地址，可以使頁面地址，也可以是圖片的地址。

7.srcdoc , 用來替代原來HTML body里面的內容。但是IE不支持, 不過也沒什么卵用

8.sandbox: 對iframe進行一些列限制，IE10+支持

我們通常使用iframe最基本的特性，就是能自由操作iframe和父框架的內容(DOM). 但前提條件是同域. 如果跨域頂多只能實現頁面跳轉

獲取iframe里的內容

主要的兩個API就是contentWindow,和contentDocument

iframe.contentWindow, 獲取iframe的window對象

iframe.contentDocument, 獲取iframe的document對象

這兩個API只是DOM節點提供的方式(即getELement系列對象)

var iframe = document.getElementById("iframe1"); var iwindow = iframe.contentWindow; var idoc = iwindow.document; console.log("window",iwindow);//獲取iframe的window對象 console.log("document",idoc); //獲取iframe的document console.log("html",idoc.documentElement);//獲取iframe的html console.log("head",idoc.head); //獲取head console.log("body",idoc.body); //獲取body

HTML

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。