HTML元素 - iframe
定義
創建內嵌漂浮框架。
Creates inline floating frames.
注釋
IFRAME 元素的作用相當於在一個文檔中嵌入另一個文檔，或者像一個漂浮的 FRAME。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
此元素是一個塊元素。
此元素需要關閉標簽。
The IFRAME element functions as a document within a document, or like a floating FRAME.
This element is available in HTML and script as of Internet Explorer 4.0.
This element is a block element.
This element requires a closing tag.
示例代碼
<html>
<body>
<p>這個 HTML 文檔中使用 IFRAME 來顯示另外一個叫Frame_a.html 的網頁。</p>
<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>
</body>
</html>
演示示例：用 IFRAME 在一個 HTML 頁里顯示另一個網頁
② iframe怎麼使用
下面的例子使用了
IFRAME
元素創建了包含頁面
sample.htm
的框架。
<IFRAME
ID=IFrame1
FRAMEBORDER=0
SCROLLING=NO
SRC="sample.htm"></IFRAME>
iframe
標簽
--
代表HTML內聯框架
iframe標簽是成對出現的,以<iframe>開始,</iframe>結束
*
屬性
name
--
定義了內容頁名稱,此名稱在框架頁內鏈接時使用到
frameborder
--
定義了內容頁的邊框,取值為(1|0),預設值為1
marginwidth
--
定義了框架中HTML文件顯示的左右邊界的寬度,取值為px,預設值由瀏覽器決定
marginheight
--
定義了框架中HTML文件顯示的上下邊界的寬度,取值為px,預設值由瀏覽器決定
align
--
垂直或水平對齊方式
height
--
框架的高度
width
--
框架的寬度
③ iframe標簽怎麼用
先來看看網路對於iframe標簽元素的介紹！都是比較詳細，接著就是實際的應用了！
2
新建一個記事本文件，並將它重命名為.html文件，添加必要的<html><body>標簽，為了便於說明，同時添加<head>和<title>，將標題改名為iframe元素標簽的使用！
3
在<body>中添加iframe，ulr為你要嵌套網頁的地址，需要帶上http的，由於經驗不上帶有網址，不演於演示，width，height為所佔用的寬度和高度，以網路首頁為例，當然嵌套兩個網頁也是可以的!
4
當然嵌套兩個網頁或者多個網頁也是可以的，高度和寬度都可以自行設置！
5
再看其他的比較常用的可選屬性，如name，通過對定義好的名字，就指定框架頁面進行跳轉！
6
至於其他可選屬性，就不再一一舉例，看看解析，再試驗一下就清楚了，如scrolling="no"就是不顯滾動條，align控制框架的對齊方式等等，用法都差不多！
7
源代碼：
<html>
<head>
<title>iframe元素標簽的使用</title>
<body>
<a href="url" target="iframe1">跳轉到網路經驗</a><br/>
<iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/>
<iframe src="url" width="600px" height="400px" name="iframe2" align="right"/>
</body>
</head>
</html>
④ html中的iframe標簽的用法
1、Iframe標記的使用Iframe標記，又叫浮動幀標記，你可以用它將1個HTML文檔嵌入在1個HTML中顯示。它不同於Frame標記最大的特點即這個
⑤ 如何使用</iframe>代碼
iframe使用很簡單，使用src屬性指向另一個你需要包含的另一個文件即可，也可以通知制定寬(width)，高(height)等。比如：
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe>
--------------------------------------------------------------------------------
用IFRAME實現網頁的內嵌和預載
http://www.sina.com.cn 2001/09/04 14:37 中國電腦教育報 劉明鋒
在HTM(HTML)文件中是否可以像PHP、ASP文件一樣嵌入其他文件呢？下面筆者介紹用iframe來實現的方法。
iframe元素的功能是在一個文檔里內嵌一個文檔，創建一個浮動的幀。其部分屬性簡介如下：
name：內嵌幀名稱
width：內嵌幀寬度(可用像素值或百分比)
height：內嵌幀高度(可用像素值或百分比)
frameborder：內嵌幀邊框
marginwidth：幀內文本的左右頁邊距
marginheight：幀內文本的上下頁邊距
scrolling：是否出現滾動條(「auto」為自動，「yes」為顯示，「no」為不顯示)
src：內嵌入文件的地址
style：內嵌文檔的樣式(如設置文檔背景等)
allowtransparency：是否允許透明
明白了以上屬性後，我們可用以下代碼實現，在main.htm中把samper.htm文件的內容顯示在一個高度為80、寬度為100%、自動顯示邊框的內嵌幀中：
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
不錯吧，馬上「Ctrl+C」、「Ctrl+V」試試。
有時我們為強調頁面的某項內容，想讓它先於頁面的其他內容顯示。同樣用iframe即可輕松實現：
先把要強調顯示的內容另存為一個文件，如first.htm，然後通過一個預載頁index.htm，內容如下：
〈meta http-equiv="refresh" content="3,url=index2.htm"〉
〈body〉
頁面載入中，請稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
〈/body〉
主文件index2.htm
〈body〉
〈iframe src="first.htm"加入其他屬性限制〉〈/iframe〉
〈/body〉
first.htm的內容就會先於頁面的其他內容出現在您的瀏覽器里了，是不是很簡單？再「Ctrl+C」、「Ctrl+V」一次？
⑥ iframe框架css絕對路徑
iframe框架css絕對路徑的寫法如下。
路徑指文件存放的位置，在網頁中利用路徑可以引用文件，插入圖像、視頻等。表示路徑的方法有兩種：相對路徑，絕對路徑。
css絕對路徑怎麼寫:
絕對路徑是指完整的網址。假設你通過虛擬目錄新建了個的asp.net站點，名字是site則你的站點訪問路徑是http://localhost/site/以你的目錄結構為例，你的css可以這樣寫
background:url(http://localhost/site/App_Themes/image/leaf.jpg)
絕對路徑介紹:
絕對路徑是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑。完整的描述文件位置的路徑就是絕對路徑，以web站點根目錄為參考基礎的目錄路徑。絕對路徑名的指定是從樹型目錄結構頂部的根目錄開始到某個目錄或文件的路徑，由一系列連續的目錄組成，中間用斜線分隔，直到要指定的目錄或文件，路徑中的最後一個名稱即為要指向的目錄或文件。之所以稱為絕對，意指當所有網頁引用同一個文件時，所使用的路徑都是一樣的。
⑦ yii2框架中iframe怎麼使用
通用：
use yii\db\Query; $query = new Query();
查詢：
Query：
$rows = (new \yii\db\Query()) ->select(['code', 'name', 'population']) ->from('country') ->limit(10) ->all();
Select:
$data = $query->select(['code', 'name'])->from('country')->all(); // 調用 yii\db\Query::addSelect() 方法來選取附加欄位 $data = $query->select(['code', 'name']) ->addSelect(['population'])->all();
From：
$query->from('country'); $query->from(['public.country c']); $query->from('public.country c');
Where：
字元串格式，例如：'status=1'
哈希格式，例如： ['status' => 1, 'type' => 2]
操作符格式，例如：['like', 'name', 'test']
andFilterWhere() orFilterWhere()
Active Record （活動記錄，以下簡稱AR）提供了一個面向對象的介面， 用以訪問資料庫中的數據。一個 AR 類關聯一張數據表， 每個 AR 對象對應表中的一行，對象的屬性（即 AR 的特性Attribute）映射到數據行的對應列。 一條活動記錄（AR對象）對應數據表的一行，AR對象的屬性則映射該行的相應列。
這里的增刪改都會用到AR對象進行映射操作。
增加
$country->name = 'UK'; $country->save();
修改
$country = Customer::findOne($id); $country->email = 'UK'; $country->save(); // 等同於 $country->update();
刪除
$country = Country::findOne($id); $country->delete();
其他
User::find()->all(); //返回所有用戶數據； User::findOne($id); //返回 主鍵 id=1 的一條數據； User::find()->where(['name' => 'ttt'])->one(); //返回 ['name' => 'ttt'] 的一條數據； User::find()->where(['name' => 'ttt'])->all(); //返回 ['name' => 'ttt'] 的所有數據； User::findBySql('SELECT * FROM user')->all(); //用 sql 語句查詢 user 表裡面的所有數據； User::findBySql('SELECT * FROM user')->one(); //此方法是用 sql 語句查詢 user 表裡面的一條數據； User::find()->andWhere(['sex' => '女', 'age' => '18'])->count('id'); //統計符合條件的總條數； User::find()->one(); //返回一條數據； User::find()->all(); //返回所有數據； User::find()->count(); //返回記錄的數量； User::find()->average(); //返回指定列的平均值； User::find()->min(); //返回指定列的最小值 ； User::find()->max(); //返回指定列的最大值 ； User::find()->scalar(); //返回值的第一行第一列的查詢結果； User::find()->column(); //返回查詢結果中的第一列的值； User::find()->exists(); //返回一個值指示是否包含查詢結果的數據行；
⑧ html中框架(frame)的詳細使用方法
框架概念 ：
所謂框架便是網頁畫面分成幾個框窗，同時取得多個 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架標記 要放在一個總起的 html 檔，這個檔案只記錄了該框架 如何劃分，不會顯示任何資料，所以不必放入 <BODY> 標記，瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。<FRAMESET> 是用以劃分框窗，每一框窗由一個 <FRAME> 標 記所標示，<FRAME>必須在 <FRAMESET> 范圍中使用。如下例：
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
此例中 <FRAMESET> 把畫面分成左右兩相等部分，左便是顯示 up2u.html，右邊則會顯示 me2.html 這檔案，<FRAME> 標記所標示的框窗永遠是按由上而下、由左至右的次序。
<FRAMESET> <FRAME> ：
<FRAMESET> 稱框架標記，用以宣告HTML文件為框架模式，並設定視窗如何分割。
<FRAME> 則只是設定某一個框窗內的參數屬性。
<FRAMESET> 參數設定：
例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">
COLS="90,*"
垂直切割畫面(如分左右兩個畫面)，接受整數值、百分數， * 則代表佔用餘下空 間。數值的個數代表分成的視窗數目且以逗號分隔。例如 COLS="30,*,50%" 可以 切成三個視窗，第一個視窗是 30 pixels 的寬度，為一絕對分割，第二個視窗是當 分配完第一及第三個視窗後剩下的空間，第三個視窗則占整個畫面的 50% 寬度 為 一相對分割。您可自己調整數字。
ROWS="120,*"
就是橫向切割，將畫面上下分開，數值設定同上。唯 COLS 與 ROWS 兩參數盡量 不要同在一個 <FRAMESET> 標記中，因 Netacape 偶然不能顯示這類形的框架，盡 採用多重分割。
frameborder="0"
設定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）
border="0"
設定框架的邊框厚度，以 pixels 為單位。
bordercolor="#008000"
設定框架的邊框顏色。
framespacing="5"
表示框架與框架間的保留空白的距離。
<FRAME> 參數設定：
例子：<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
SRC="a.html"
設定此框窗中要顯示的網頁檔案名稱，每個框窗一定要對應著一個網頁檔案。你可 使用絕對路徑或相對路徑，有關此兩者詳見於【連結進階】。
NAME="top"
設定這個框窗的名稱，這樣才能指定框架來作連結，必須但任意命名。
frameborder=0
設定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）
framespacing="6"
表示框架與框架間的保留空白的距離。
bordercolor="#008000"
設定框架的邊框顏色。顏色值請參考【HTML 剖析】。
scrolling="Auto"
設定是否要顯示卷軸，YES 表示要顯示卷軸，NO 表示無論如何都不要顯示， AUTO是視情況顯示。
noresize
設定不讓使用者可以改變這個框框的大小，亦沒有設定此參數，使用者可以很隨 意地拉動框架，改變其大小。
marginhight=5
表示框架高度部份邊緣所保留的空間。
marginwidth=5
表示框架寬度部份邊緣所保留的空間。
<NOFRAMES> ：
當別人使用的瀏覽器太舊，不支援框架這個功能時，他看到的將會是一片空白。為了避免 這種情況，可使用 <NOFRAMES> 這個標記，當使用者的瀏覽器看不到框架時，他就會看 到 <NOFRAMES> 與 </NOFRAMES> 之間的內容，而不是一片空白。這些內容可以是提醒 瀏覽轉用新的瀏覽器的字句，甚至是一個沒有框架的網頁或能自動切換至沒有框架的版本 亦可。
應用方法：
在<frameset> 標記范圍加入 </NOFRAMES> 標記，以下是一個例子：
<frameset rows="80,*">
<noframes>
<body>
很抱歉，饋下使用的瀏覽器不支援框架功能，請轉用新的瀏覽器。
</body>
</noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若瀏覽器支援框架，那堋它不會理會 <noframes> 中的東西，但若瀏覽器不支援框架，由 於不認識所有框架標記，不明的標記會被略過，標記包圍的東西便被解讀出來，所以放在 <noframes>范圍內的文字會被顯示。
<IFRAME> ：
這標記只適用於 IE。 它的作用是在一頁網頁中間插入一個框窗以顯示另一個文件。它是 一個圍堵標記，但圍著的字句只有在瀏覽器不支援 iframe 標記時才會顯示，如<noframes> 一樣，可以放些提醒字句之類。通常 iframe 配合一個辨認瀏覽器的 Java Script 會較好，若 JavaScript 認出該瀏覽器並非 Internet Explorer 便會切換至另一版本。
<iframe> 的參數設定如下：
例子： <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
src="iframe.html"
欲顯示於此框窗的文件來源除檔案名稱，必要加上相對或絕對路徑。
name="test"
此框窗名稱，這是連結標記的 target 參數所 要的，
align="MIDDLE"
可選值為 left, right, top, middle, bottom，作用不大
width="300" height="100"
框窗的寬及長，以 pixels 為單位。
marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
frameborder="1"
使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）
scrolling="Yes"
使用 Yes 表示容許卷動（內定）， No 則不容許卷動。
例子： 原始碼
<center> <iframe src="http://www.pce.com.cn/index.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1">
很抱歉，饋下使用的瀏覽器並不支援 IFrame，不能正常瀏覽我的網頁。</iframe>
</center>
frameset參數傳遞問題
左邊的條件參數如何傳,右邊才能接收
--------------------------------------------------------------------------------
對三個幀分別命名為：left.asp(顯示查詢條件的頁面,其中幀名為：left）,top.asp,main.asp(顯示查詢結果的頁面,其中幀名為：main）
如：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>search</title>
</head>
<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="top.asp" name="top" scrolling="NO" noresize >
<frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="left.asp" name="left" scrolling="NO" noresize>
<frame src="main.asp" name="main">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
在left的表單中寫成：
<form name="form1" method="post" action="main.asp" target="main">
......//你自己設計吧。
</form>
這樣就可以你的查詢條件傳給main.asp中了！
⑨ iframe組合頁面的用法
iframe並不是很常用的，在標準的網頁中非常少用。但是有朋友經常問到，下面我簡單地介紹一下它的用法，你只要熟練掌握這些參數足矣。
<iframe>也應該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網頁中的任意部分。我們舉第一個例子，具體代碼如：
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，這里的URL可以是相對路徑，也可以是絕對路徑，效果如：
width表示寬度，height表示寬度，可根據實際情況調整。
scrolling表示是否顯示頁面滾動條，可選的參數為auto、yes、no，如果省略這個參數，則默認為auto。
二、如何實現頁面上的超鏈接指向這個嵌入的網頁？
只要給這個iframe命名就可以了。方法是<iframe
name=**>，例如我命名為aa，寫入這句HTML語言<iframe width=420 height=330 name=aa
frameborder=0
src=http://www.cctv.com></iframe>，然後，網頁上的超鏈接語句應該寫為：<a
href=URL target=aa>
在HTM(HTML)文件中是否可以像PHP、ASP文件一樣嵌入其他文件呢？下面筆者介紹用iframe來實現的方法。
iframe元素的功能是在一個文檔里內嵌一個文檔，創建一個浮動的幀。其部分屬性簡介如下：
name：內嵌幀名稱
width：內嵌幀寬度(可用像素值或百分比)
height：內嵌幀高度(可用像素值或百分比)
frameborder：內嵌幀邊框
marginwidth：幀內文本的左右頁邊距
marginheight：幀內文本的上下頁邊距
scrolling：是否出現滾動條(「auto」為自動，「yes」為顯示，「no」為不顯示)
src：內嵌入文件的地址
style：內嵌文檔的樣式(如設置文檔背景等)
allowtransparency：是否允許透明
明白了以上屬性後，我們可用以下代碼實現，在main.htm中把samper.htm文件的內容顯示在一個高度為80、寬度為100%、自動顯示邊框的內嵌幀中：
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
不錯吧，馬上「Ctrl+C」、「Ctrl+V」試試。
有時我們為強調頁面的某項內容，想讓它先於頁面的其他內容顯示。同樣用iframe即可輕松實現：
先把要強調顯示的內容另存為一個文件，如first.htm，然後通過一個預載頁index.htm，內容如下：
〈meta http-equiv="refresh" content="3,url=index2.htm"〉
〈body〉
頁面載入中，請稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
〈/body〉
主文件index2.htm
〈body〉
〈iframe src="first.htm"加入其他屬性限制〉〈/iframe〉
〈/body〉