主頁 > 知識庫 > HTML iframe和frameset的區別_動力節點Java學院整理

HTML iframe和frameset的區別_動力節點Java學院整理

熱門標簽:江西ai電銷機器人如何 西安金倫外呼系統 通遼地圖標注app 威海語音外呼系統平臺 高德地圖標注廁所 地圖標注員工作內容 智能語音電銷機器人客戶端 地圖標注沿海城市房價 中國地圖標注城市的

簡介

1.<iframe> 標簽:iframe 是個內聯框架,是在頁面里生成個內部框架。

2.<frameset> 標簽:frameset定義一個框架集,包含多個子框架,每個框架都有獨立的文檔。

<iframe> 標簽

iframe 是個內聯框架,是在頁面里生成個內部框架。

<iframe></iframe>

屬性

frameborder{int}:是否顯示框架的邊框;

src{URL}:指定一個資源(如網頁、圖片)的uri;

scrolling{boolean}:是否顯示框架的滾動條;

width{int}:定義iframe的寬度;

height{int}:定義iframe的高度;

示例

<body>
<h3>HTML標簽演示</h3>
<iframe src=1.1-ShowHtml.htm ></iframe>
</body>

注意事項

在 "<iframe>我是內容</iframe>" 內添加內容時,在展示頁面不會顯示添加的內容。所以還是使用src屬性指定一個頁面吧。

應用場景

1) 版本升級頁面,版本日志過多,可以把升級的信息放到一個iframe里。

2) 富文本編輯框,如博客園的【新建隨筆】區域。

<frameset> 標簽

frameset定義一個框架集,包含多個框架,每個框架都有獨立的文檔。

格式

<frameset >
  <frame src=a.htm />
  <frame src=b.htm />
  <noframes></noframes>
</frameset> 

子項說明

<framesrc=a.htm /> :子框架 <noframes></noframes>:瀏覽器不支持此框架的時,顯示的內容。

屬性

frameset屬性:

  rows:表示子框架按行的樣式布局()。以2個子框架為例:rows="30%,*" ,表示第一個框架占整個頁面30%的高度,第二個占剩下的;  cols:表示子框架按列的樣式布局()。以2個子框架為例:cols="30%,*" ,表示第一個框架占整個頁面30%的長度,第二個占剩下的;  noresize="noresize" :表示不調整子框架的范圍。

frame屬性:

  src:指向一個資源(如頁面、圖片等)的URI;

  name:指定框架的名稱,以便進行框架間的操作。

示例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>frameset 演示</title>
</head>
<frameset rows="30%,*"  noresize="noresize">
    <frame src=DateGrid.htm name="frm1"  />
    <frame src=Dialog.htm  name="frm2"/>
    <noframes></noframes>
</frameset>
</html> 

注意事項

使用frameset標簽時,注意要去掉外層的<body></body>標簽。

子框架間的操作

參照示例代碼,frm1更改frm2的子集指向的頁面:window.parent.frames["frm2"].location.href = 'b.htm'

應用場景

1) 后臺頁面的管理,左邊顯示 菜單,右邊框架 顯示詳細頁面。

2) 功能菜單頁面,如bbs.csdn.net

小知識

  瀏覽頁面中的框架時,在框架頁面內 點擊右鍵,會多出框架的信息。

以chrome為例:

標簽:北海 晉中 營口 青海 眉山 阜陽 河池 崇左

巨人網絡通訊聲明:本文標題《HTML iframe和frameset的區別_動力節點Java學院整理》,本文關鍵詞  HTML,iframe,和,frameset,的,區別,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML iframe和frameset的區別_動力節點Java學院整理》相關的同類信息!
  • 本頁收集關于HTML iframe和frameset的區別_動力節點Java學院整理的相關信息資訊供網民參考!
  • 推薦文章
    2020久久精品亚洲|久久窝窝国产精品午夜看片|亚洲 日韩 激情 无码 中出|国产精品乱码高清在线