国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html中iframe是如何使用的?

2020-03-24 19:05:30
字體:
來源:轉載
供稿:網友
本章給大家介紹在html中iframe是如何使用的,讓大家可以了解html中iframe的用法。有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

有人說,iframe是能耗最高的一個元素,盡量減少使用;也有人說,iframe的安全性太差,盡量減少使用。雖然他們說的是真的,但是iframe的強大功能是不容忽視的,而且現在不乏公司正在使用它。

iframe 標簽規定一個內聯框架。一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。

所有的主流瀏覽器都支持 iframe 標簽。你可以把提示的文字放到 iframe 和 /iframe 里面,這樣不支持 iframe 的瀏覽器就會出現提示的文字。

iframe 如何使用呢?

通常我們使用iframe直接在頁面嵌套iframe標簽指定的src就可以了。

比如:

 !-- iframe 標簽規定一個內聯框架  這里寫p 標簽是為了看align的效果 --  p >

iframe 的常用屬性:

name : 規定 iframe 的名稱。
width: 規定 iframe 的寬度。
height :規定 iframe 的高度。
src :規定在 iframe 中顯示的文檔的 URL。
frameborder : 規定是否顯示 iframe 周圍的邊框。 (0為無邊框,1位有邊框)。
align : 規定如何根據周圍的元素來對齊 iframe 。 (left,right,top,middle,bottom)。
scrolling : 規定是否在 iframe 中顯示滾動條。 (yes,no,auto)

上面代碼中 iframe的src屬性為自己本地的一個html頁面

代碼如下:

 body  div id= div >

有什么交互的部分也是寫到這個頁面中,iframe會自動傳到引入的頁面的。

那如何獲取iframe里面的內容呢?

var iframe = document.getElementById( myrame //獲取iframe標簽var iwindow = iframe.contentWindow; //獲取iframe的window對象var idoc = iwindow.document; //獲取iframe的document對象console.log(idoc.documentElement); //獲取iframe的htmlconsole.log( body ,idoc.body);

但是,這里面是獲取不到里面的DOM的,可以在URL中獲取(也就是引入的html文件)

iframe 的優缺點

優點:

重載頁面時不需要重載整個頁面,只需要重載頁面中的一個框架頁(減少數據的傳輸,減少網頁的加載時間);

技術簡單,使用方便,主要應用于不需要搜索引擎來搜索的頁面;

方便開發,減少代碼的重復率(比如頁面的header,footer);

缺點:

會產生很多的頁面,不易于管理;

不易打印;

多框架的頁面會增加服務氣得http請求;

瀏覽器的后退按鈕無效等;

以上就是html中iframe是如何使用的?的詳細內容,html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丰城市| 乡宁县| 朝阳市| 原平市| 黄梅县| 凉城县| 咸宁市| 天祝| 葫芦岛市| 柏乡县| 凤台县| 阳朔县| 徐水县| 雷山县| 周至县| 东城区| 维西| 鄂温| 巴里| 衡阳县| 麻栗坡县| 宜兰市| 独山县| 昌图县| 东阳市| 马关县| 曲沃县| 会昌县| 囊谦县| 阿鲁科尔沁旗| 阆中市| 昔阳县| 崇明县| 九寨沟县| 东乡| 天柱县| 安新县| 宁远县| 昌平区| 盱眙县| 清远市|