iframe用法總結

2021-06-27 11:01:37 字數 1994 閱讀 9943

iframe用法總結:

iframe是乙個非常有用的標籤,但是在各瀏覽器中都有很大的差異。

火狐中iframe常用的屬性:

getuserdata、setuserdata、 style、contenteditable、contentwindow、contentdocument、 frameborder、

width、height

ie6的iframe常用屬性:

document、onbeforedeactivate、style、 onlayoutcomplete、contentwindow、allowtransparency、height、

width

ie8的iframe常用屬性:

hidefocus、onbeforedeactivate、style、contenteditable、document、 onlayoutcomplete、all、border、

height、frameborder、contentwindow、width

通常要隱藏iframe的邊框時需要用到iframeborder屬性,如果使用dom方式來生成乙個iframe時ie卻始終隱藏不了邊

框, for example:

var iframe = document.createelement('iframe');

iframe.setattribute('frameborder',0);  //firefox下有效,ie下無效

我們必須直接對其屬性進行賦值:

iframe.iframeborder=0;  //firefox與ie均有效

另外,如果想要為浮動框架定義透明內容,則必須滿足:

transparent.html頁的**:

如果想要改變iframe的src或者border、scrolling等attributes,對iframe的操作是:

var obj = document.getelementbyid("iframe");

如果想取得iframe的頁面(不是iframe本身),比如想得到iframe的document.body的內容,就需要對iframe操作:

var dom = frames["iframe"];

// 操作iframe中內容的css

var iframe = document.getelementbyid('ff');

var body = iframe.contentwindow.document.body;

body.style.margintop = 50;

body.style.padding = 0;

body.style.fontsize = 30;

body.style.textalign = 'center';

body.style.backgroundcolor = 'red';

body.style.color = 'blue';

如果想去掉動態建立的iframe的邊框

以下兩個條件缺一不可:

iframe.srolling="no";

iframe.frameborder="no";

另外:document.getelementbyid取到的iframe是不能直接操作裡面的document的,只能這樣取:

在ie為是frames[id].document或document.getelementbyid(id).contentwindow.document;

在firefox為frames[name].contentdocument或document.getelementbyid(id).contentdocument;

最後再說一下怎樣判定頁面是否存在iframe:

window.onload = function()

取得iframe頁面的高度:

var idoc = getiframewindow.document;

var iheight = math.max(idoc.body.scrollheight,idoc.documentelement.scrollheight);

iframe用法總結

是框架的一種形式,也比較常用到。例子1。不用多說了。width插入頁的寬 height插入頁的高 scrolling 是否顯示頁面滾動條 可選的引數為 auto yes no,如果省略這個引數,則預設為auto frameborder 邊框大小 注意 url建議用絕對路徑 傳說中百du用 黑了88 ...

iframe用法總結

是框架的一種形式,也比較常用到。例子1。不用多說了。width插入頁的寬 height插入頁的高 scrolling 是否顯示頁面滾動條 可選的引數為 auto yes no,如果省略這個引數,則預設為auto frameborder 邊框大小 注意 url建議用絕對路徑 傳說中百du用 黑了88 ...

iframe用法總結

是框架的一種形式,也比較常用到。例子1。不用多說了。width插入頁的寬 height插入頁的高 scrolling 是否顯示頁面滾動條 可選的引數為 auto yes no,如果省略這個引數,則預設為auto frameborder 邊框大小 注意 url建議用絕對路徑 傳說中百du用 黑了88 ...