首頁 web前端 html教學 iframe的各項參數整理附說明及使用範例_HTML/Xhtml_網頁製作

iframe的各項參數整理附說明及使用範例_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:39 PM
iframe 參數


runat="server" 這個最好加上Iframe跳轉asp.net  可在當前iframe中跳轉
src 連結到的位址URl
frameborder 是否顯示邊框(0無邊框1有邊框)
scrolling 是否有捲軸(yes有捲軸no無捲軸)
allowtransparency 背景是否透明(yes透明no不透明)
iframe並不是很常用的,在標準的網頁中非常少用。把iframe解釋成「瀏覽器中的瀏覽器「是很恰當的。
SRC=URI 嵌入式櫃架的頁面檔案路徑
NAME=CDATA 嵌入式櫃架的名稱
LONGDESC=URI 描述
WIDTH=Length 寬度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | right ] 對齊方式
FRAMEBORDER=[ 1 | 0 ] 櫃架邊框
MARGINWIDTH=Pixels 左右空出寬度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no |uto autoy ]流動條(yes強制顯示|no永不顯示|auto自動)
Iframe標記的使用格式是:

src:文件的路徑,既可是HTML文件,也可以是文字、ASP等;
width、height:"內部框架"區域的寬與高;
scrolling:當SRC的指定的HTML檔案在指定的區域不顯不完時,滾動選項,如果設定為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示;
FrameBorder:區域邊框的寬度,為了讓「內部框架「與鄰近的內容相融合,常設定為0。
name:框架的名字,用來進行辨識。

設定圍繞圖文框的邊緣寬度
frameboder

設定邊框是不否為3維(0=否,1=是)
height,width

設質邊框的寬度和高度
scrolling

是否有捲軸(yes,no,auto)
src

指定iframe呼叫的檔案或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)

注意事項:
一個浮動框架不需要透過

元素聲明為框架設定的一部分;
WebTV和Netscape 4.x(4.0 到 4.75) 不支援浮動框架。
在HTML4.01嚴格規範中,

2、物件名稱:  
語法:name=#  
說明:#為物件的名稱。此屬性為物件取名,以便其他物件可利用。
範例:

4、容器屬性:  
語法:height=#   width=#  
說明:此屬性指定浮動訊框的高度和寬度。取值為正整數(單位為像素)或百分數。  
height:指定浮動框架的高度;  
width:指定浮動框架的寬度。  
範例:

5、尺寸調整:  
語法:noresize  
說明:IE專有屬性,指定浮動幀不可調整尺寸。  
範例:

6、邊框顯示:  
語法:frameborder=0、1  
說明:此屬性規定是否顯示浮動訊框邊框。  
0:不顯示浮動訊框邊框;  
1:顯示浮動訊框邊框。  
範例:

7、邊框厚度:  
語法:border=#  
說明:此屬性指定浮動幀邊框的厚度,值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border一般等於0。  
範例:

8、邊框顏色:  
語法:bordercolor=color  
說明:此屬性指定浮動框邊框的顏色。 color可以是RGB色(RRGGBB),也可以是顏色名稱。  
範例:

9.對齊方式:  
語法:align=left、right、center  
說明:此屬性指定浮動訊框與其他物件的對齊方式。  
left:居左;  
right:居右;  
center:居中。
範例:

10、相鄰間距:  

語法:framespacing=#  
說明:此屬性指定相鄰浮動訊框之間的間距。取值為正整數和0,單位為像素。
範例:

語法:marginheight=#   marginwidth=#  

說明:此屬性指定浮動訊框的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。    
marginheight:浮動框架的左右邊界大小;  
marginwidth:浮動框架的上下邊界大小。  
範例:

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1319
25
PHP教程
1269
29
C# 教程
1248
24
我該如何裁剪HTML中的IFrame? 我該如何裁剪HTML中的IFrame? Aug 29, 2023 pm 04:33 PM

內嵌框架在HTML中稱為iframe。標籤指定內容中的一個矩形區域,瀏覽器可以在其中顯示帶有捲軸和邊框的不同文件。若要在目前HTML文檔中嵌入另一個文檔,請使用內嵌框架。可以使用HTMLiframe名稱屬性指定元素的參考。在JavaScript中,對元素的參考也是使用name屬性進行的。 iframe本質上用於在目前顯示的網頁中顯示網頁。包含iframe的文件的URL使用「src」屬性指定。語法以下是HTML的語法<iframesrc="URL"title="d

iframe中的data-id是什麼意思 iframe中的data-id是什麼意思 Aug 28, 2023 pm 02:25 PM

iframe中的data-id是指在HTML標籤中使用的自訂屬性,用於儲存特定元素的識別碼。透過使用data-id屬性,可以為iframe元素新增一個唯一的標識符,以便在JavaScript中對其進行操作和存取。 data-id屬性的命名可以根據特定的需求進行自定義,但通常會遵循一些命名規範,以確保其唯一性和易讀性。 data-id屬性也可以用來識別和操作特定的iframe。

iframe有哪些載入事件 iframe有哪些載入事件 Aug 28, 2023 pm 01:55 PM

iframe的載入事件有onload事件、onreadystatechange事件、onbeforeunload事件、onerror事件、onabort事件等。詳細說明:1、onload事件,指定載入iframe完成後要執行的JavaScript程式碼;2、onreadystatechange事件,指定當iframe狀態變更時要執行的JavaScript程式碼等等。

iframe中的危險在哪裡 iframe中的危險在哪裡 Sep 08, 2023 pm 03:14 PM

iframe中的危險主要有:1、安全漏洞,惡意的網頁可以透過iframe載入其他網頁,並進行一些攻擊行為;2、同源策略突破,透過在iframe中載入其他網域下的網頁,能突破同源策略,實現跨域通信,這可能會被惡意攻擊;3、程式碼執行問題,在iframe中載入的網頁可以執行JS程式碼,這可能導致一些安全性問題;4、SEO問題,搜尋引擎可能無法正確解析和索引透過iframe載入的內容等等。

C++ 函式參數型別安全檢查 C++ 函式參數型別安全檢查 Apr 19, 2024 pm 12:00 PM

C++參數類型安全檢查透過編譯時檢查、執行時間檢查和靜態斷言確保函數只接受預期類型的值,防止意外行為和程式崩潰:編譯時類型檢查:編譯器檢查類型相容性。運行時類型檢查:使用dynamic_cast檢查類型相容性,不符則拋出異常。靜態斷言:在編譯時對型別條件進行斷言。

C++程式以給定值為參數,找出雙曲正弦反函數的值 C++程式以給定值為參數,找出雙曲正弦反函數的值 Sep 17, 2023 am 10:49 AM

雙曲函數是使用雙曲線而不是圓定義的,與普通三角函數相當。它從提供的弧度角傳回雙曲正弦函數中的比率參數。但要做相反的事,或者換句話說。如果我們想要根據雙曲正弦值計算角度,我們需要像雙曲反正弦運算一樣的反雙曲三角運算。本課程將示範如何使用C++中的雙曲反正弦(asinh)函數,並使用雙曲正弦值(以弧度為單位)計算角度。雙曲反正弦運算遵循下列公式-$$\mathrm{sinh^{-1}x\:=\:In(x\:+\:\sqrt{x^2\:+\:1})},其中\:In\:是\:自然對數\:(log_e\:k)

監控iframe的滾動行為 監控iframe的滾動行為 Feb 18, 2024 pm 08:40 PM

如何監聽一個iframe的滾動,需要具體程式碼範例當我們在網頁中使用iframe標籤嵌入其他網頁時,有時需要對iframe中的內容進行一些特定的操作。其中一個常見的需求是監聽iframe的捲動事件,以便在捲動發生時執行對應的程式碼。以下將介紹如何使用JavaScript來監聽一個iframe的捲動,並提供具體的程式碼範例供參考。在取得iframe元素首先,我們需要

i9-12900H參數評測大全 i9-12900H參數評測大全 Feb 23, 2024 am 09:25 AM

i9-12900H是14核心的處理器,使用的架構和工藝都是全新的,線程也很高,整體的工作都是很優秀的,一些參數都有提升特別的全面,是可以給用戶們帶來極佳體驗的。 i9-12900H參數評測大全評測:1、i9-12900H是14核心的處理器,採用了q1架構以及24576kb的製程工藝,提升到了20個執行緒。 2.最大的CPU頻率是1.80!5.00ghz,整體主要取決於工作的負載。 3.相比較價位來說還是特別合適的,性價比很不錯,對於一些需要正常使用的伙伴來說非常的合適。 i9-12900H參數評測大全性能跑分

See all articles