日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

HTML iframe標簽用法案例詳解

瀏覽:437日期:2022-06-03 10:43:41
目錄
  • 一、iframe定義和用法 
  • 二、屬性
  • 三、示例 
    • 1、iframe框架
    • 2、iframe透明
    • 3、iframe自適應高度
    • 4、通過js輸出iframe廣告代碼

        iframe一般用來包含別的頁面,例如我們可以在我們自己的網站頁面加載別人網站的內容,為了更好的效果,可能需要使iframe透明效果,那么就需要了解更多的iframe屬性。

一、iframe 定義和用法 

       iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架)。 
HTML 與 XHTML 之間的差異 
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 
提示和注釋: 
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之間,這樣就可以應對無法理解 iframe 的瀏覽器。 
iframe標簽是成對出現的,以<iframe>開始,</iframe>結束 
iframe標簽內的內容可以做為瀏覽器不支持iframe標簽時顯示 

二、屬性

New :HTML5 中的新屬性。

屬性 值 描述 align left
right
top
middle
bottom HTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的元素來對齊 <iframe>。 frameborder 1
0 HTML5 不支持。規定是否顯示 <iframe> 周圍的邊框。 height pixels 規定 <iframe> 的高度。 longdesc URL HTML5 不支持。規定一個頁面,該頁面包含了有關 <iframe> 的較長描述。 marginheight pixels HTML5 不支持。規定 <iframe> 的頂部和底部的邊距。 marginwidth pixels HTML5 不支持。規定 <iframe> 的左側和右側的邊距。 name name 規定 <iframe> 的名稱。 sandboxNew ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation 對 <iframe> 的內容定義一系列額外的限制。 scrolling yes
no
auto HTML5 不支持。規定是否在 <iframe> 中顯示滾動條。 seamlessNew seamless 規定 <iframe> 看起來像是父文檔中的一部分。 src URL 規定在 <iframe> 中顯示的文檔的 URL。 srcdocNew HTML_code 規定頁面中的 HTML 內容顯示在 <iframe> 中。 width pixels 規定 <iframe> 的寬度。

三、示例 

1、iframe框架

代碼如下:

<iframe src="https://www.test.net" width="200" height="500"> 
該網站使用了框架技術,但是您的瀏覽器不支持框架,請升級您的瀏覽器以便正常訪問。 
</iframe> 

2、iframe透明

在transparentBody.htm文件的<body>標簽中,我已經加入了style="background-color=transparent" 通過以下四種IFRAME的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解: 

代碼如下:

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME> 
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME> 
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME> 
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME> 

注:iframe是迫不得已才使用的,因為使用iframe會帶來較多的問題,而有的瀏覽器可以設置將iframe當作廣告屏蔽。 
在最近的一個工作內容中使用了iframe,開始遇到的問題是iframe高度自適應的問題,這問題在口碑網ued團隊博客中找到了解決辦法,后來更遇到一個iframe透明的問題 ,通常 iframe底色會是白色,在不同瀏覽器下可能會有不同的顏色,如果主頁面有一個整體的背景色或者背景圖片的時候 ,iframe區域便會出現一個白色塊,與主體頁面不協調,這就需要iframe透明 
通過google搜索iframe透明找到了解決辦法 

代碼如下:

<iframe src="./ads_top_tian.html" allowtransparency="true" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

當然前提是iframe頁面中沒有設置顏色 

[code] 

注:iframe透明主要是使用了 allowtransparency="true" 

3、iframe自適應高度

由于篇幅過長,大家可以移步這里查看 

4、通過js輸出iframe廣告代碼

[code] 

document.write("<iframe align=middle marginwidth=0 marginheight=0 src="http://img.jb51.net/imgby/468_1.htm" frameborder=no scrolling=no width=660 height=80></iframe>"); 

有時候我們需要考慮用戶的瀏覽器是否支持iframe標簽,那么就需要如下的寫法

代碼如下:

<iframe frameborder="0" name="Iframe1" src="https://www.jb51.net/" width="100%" height="200">
您的瀏覽器不支持嵌入式框架,或者當前配置為不顯示嵌入式框架。
</iframe>

到此這篇關于HTML iframe標簽用法案例詳解的文章就介紹到這了,更多相關HTML iframe標簽用法內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: CSS HTML
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
欧美日韩在线播放视频| 亚洲一区欧美| 久久麻豆视频| 青草国产精品| 综合激情网...| 视频一区国产视频| 亚洲精一区二区三区| 国产精品日韩精品在线播放| 精品精品久久| 日韩久久视频| 91精品国产乱码久久久久久久| 国产成年精品| 三级在线观看一区二区 | 中文字幕一区二区三区在线视频| 在线亚洲激情| 亚洲欧美日韩国产综合精品二区| 亚洲午夜国产成人| 国产精品毛片aⅴ一区二区三区| 国产精品伦理久久久久久| 久久精品1区| 日本h片久久| 亚洲精品成人图区| 在线观看亚洲精品福利片| 国产日韩欧美一区在线| av高清不卡| 青青国产精品| 人人香蕉久久| 国产精品视频一区视频二区| 色在线视频观看| 日本91福利区| 高清久久一区| 中文字幕日本一区| 秋霞国产精品| 国产精品巨作av| 国产精品日本| 日韩国产激情| 国产乱码精品一区二区亚洲| 亚洲日本网址| 美女视频网站久久| 婷婷精品在线| 鲁大师影院一区二区三区| 日韩久久精品| 国内揄拍国内精品久久| 日日夜夜免费精品| 午夜久久黄色| 国产精品麻豆久久| 久久av免费看| 国产精品超碰| 国产欧美日韩一级| 玖玖玖国产精品| 国产尤物精品| 日韩电影在线视频| 激情视频网站在线播放色| 麻豆精品久久| 狂野欧美性猛交xxxx| 精品五月天堂| 黑森林国产精品av| 在线看片国产福利你懂的| 久久精品国产一区二区| 久久精品天堂| 国产一区二区三区亚洲综合| 精品国产欧美日韩一区二区三区| 久久99国产精品视频| 免费看av不卡| 99国产精品久久久久久久成人热| 99热免费精品| 国产一卡不卡| 成人福利视频| 午夜在线播放视频欧美| 日韩不卡一区二区| 中文字幕在线视频网站| 麻豆一区二区三区| 最新亚洲国产| 亚洲精选91| 日韩二区三区四区| 日韩在线麻豆| 日本a级不卡| 国产精品成人国产| 国产在线日韩精品| 性欧美videohd高精| 久久中文视频| 亚洲天堂免费| 国产日韩欧美中文在线| 国产精品99一区二区三| 日韩精品麻豆| 色综合视频一区二区三区日韩| 国产午夜久久av| 在线亚洲人成| 蜜臀久久99精品久久久久宅男 | 五月天久久网站| 99在线精品免费视频九九视| 亚洲精品一级| 亚洲国产福利| 亚洲视频电影在线| 免费日韩一区二区三区| 激情综合网址| 91亚洲精品视频在线观看| 四虎成人av| 麻豆9191精品国产| 免费在线亚洲| 成人精品天堂一区二区三区| 亚洲日产国产精品| 老色鬼精品视频在线观看播放| 水蜜桃久久夜色精品一区| 久久精品网址| 黄色日韩在线| 色婷婷综合网| 国产乱码精品一区二区三区四区| 999久久久91| 国产一区二区三区视频在线| 色狠狠一区二区三区| 激情欧美丁香| 日韩一区三区| 久久伊人国产| 国产欧美在线| 日韩欧美中文字幕电影| 夜夜嗨av一区二区三区网站四季av| 国产aⅴ精品一区二区三区久久| 日韩中文av| 激情综合亚洲| 在线天堂资源www在线污| 国产乱码精品一区二区三区四区| 首页欧美精品中文字幕| 九色porny丨国产首页在线| 国产精品香蕉| 久久精品99国产国产精| 日产欧产美韩系列久久99| 婷婷久久一区| 九一国产精品| 国产精品美女久久久| 欧美日韩视频| 日韩中文字幕不卡| 综合欧美精品| 久久精品72免费观看| 亚洲欧美日本国产| 视频一区免费在线观看| 免费人成精品欧美精品| 每日更新成人在线视频| 亚洲一区二区免费看| 欧美~级网站不卡| 在线亚洲国产精品网站| 日韩和欧美的一区| 久久97视频| 精品成人免费一区二区在线播放| 精精国产xxxx视频在线野外| 99精品视频在线观看免费播放| 激情久久中文字幕| 香蕉精品999视频一区二区| 日本成人在线一区| 婷婷久久免费视频| 国产精品丝袜在线播放| 中文字幕在线官网| 一本色道精品久久一区二区三区| 午夜在线一区二区| 日韩成人精品一区二区三区 | 丝瓜av网站精品一区二区 | 亚洲涩涩在线| 精品日韩一区| 免费国产自久久久久三四区久久| 免费日韩视频| 精品91福利视频| 午夜日韩福利| 91精品一区| 999精品在线| 国产三级一区| 欧美日韩视频| 免费亚洲一区| 六月婷婷一区| 精品一区二区三区亚洲| 91久久黄色| 美女久久精品| 视频一区视频二区在线观看| 91精品丝袜国产高跟在线| 日韩精品一区二区三区免费观看| 中文一区一区三区免费在线观| 久久xxx视频| 免费看黄色91| 久久亚洲精品中文字幕| 另类激情亚洲| 欧美另类中文字幕| 亚洲一区成人| 亚洲特色特黄| 日韩国产高清在线| 黑人精品一区| 国产精品一区高清| 国产精品三上| 色偷偷偷在线视频播放| 亚洲午夜免费| 高清久久一区| 免费一级欧美片在线观看网站| 在线精品小视频| 午夜久久中文| 日韩福利视频一区| 伊人国产精品| 久久国产日韩| 欧美精品1区| 三级欧美在线一区| 亚洲91视频| 国产精品66| 中文字幕av亚洲精品一部二部|