JavaScript Frame對象

rame 對象

Frame 對象代表一個 HTML 框架。

在 HTML 文檔中 <frame> 每出現一次，就會創建一個 Frame對象。

在子到父的引用路徑中,可使用parent關鍵字實現;父到子的引用可直接使用對象模型層次;而子到子的訪問則需要通過top關鍵字引用其共有的父對象,然后

通過該父對象實現對另一框架的訪問:(訪問方法四種)

this.parent;(子框架到父框架集)

parent.frameName;(父框架集到框架)

top.otherFrameName.document;(子框架到子框架)

Frame對象的屬性和方法受<frame>標記的控制,可在此標記內設定該框架的相關信息,如框架是否有滾動條、邊框的顏色等

一般而言，在<frame>標記內應設置其ID屬性(或name屬性)以實現對象的有效引用。在上述最簡單的框架集文檔中，可通過如下方法實現對框架Frame02的

frameBorder屬性的訪問(假設操作焦點在Frame01框架中):

parent.document.all.Frame02.frameBorder;
parent.document.getElementById("Frame02").frameBorder; 推薦使用

Frame 對象的屬性

contentDocument 容納框架的內容的文檔。

frameBorder 設置或返回是否顯示框架周圍的邊框。 frameObject.frameBorder=1|0

id 設置或返回框架的 id。

longDesc 設置或返回指向包含框架內容描述文檔的 URL。

marginHeight 設置或返回框架的頂部和底部頁空白。

marginWidth 設置或返回框架的左邊緣和右邊緣的空白。

name 設置或返回框架的名稱。

noResize 設置或返回框架是否可調整大小。 frameObject.noResize=true|false

scrolling 設置或返回框架是否可擁有滾動條。 frameObject.scrolling=yes|no

src 設置或返回應被加載到框架中的文檔的 URL。

標準屬性

className 設置或返回元素的 class 屬性。

dir 設置或返回文本的方向。

lang 設置或返回元素的語言代碼。

title 設置或返回元素的 title 屬性。

架

通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。

使用框架的壞處：

開發人員必須同時跟蹤更多的HTML文檔
很難打印整張頁面

框架結構標簽（<frameset>）

框架結構標簽（<frameset>）定義如何將窗口分割為框架
每個 frameset 定義了一系列行或列
rows/columns 的值規定了每行或每列占據屏幕的面積

框架標簽（Frame）

Frame 標簽定義了放置在每個框架中的 HTML 文檔。

在下面的這個例子中，我們設置了一個兩列的框架集。第一列被設置為占據瀏覽器窗口的 25%。第二列被設置為占據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中，而 HTML 文檔 "frame_b.htm" 被置于第二個列中：

<html>
<frameset cols="25%,75%">
 <frame src="/example/html/frame_a.html">
 <frame src="/example/html/frame_b.html">
</frameset>
</html>

HTML基礎教程：框架基礎

于提升 web 品質，<DOCTYPE>、<title> 以及 <h1> 都是重要的標簽。

<!DOCTYPE> 元素

所有的 HTML 和 XHTML 頁面都應當使用 <Doctype> 元素來定義遵照何種 HTML 版本。

doctype 定義了您正在使用的 HTML 版本，并為瀏覽器提供重要的信息以便其更快速一致地呈現您的頁面。

文檔類型聲明同時也使驗證軟件可以對頁面的語法進行檢查：

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述網頁的內容。

即使標題不是網頁的一個可見的部分，它對于提升網站的品質依然是重要的，這是因為它在以下位置都是可見的：

搜索引擎列表
窗口的標題欄
用戶的書簽中

標題應當盡可能地短，并具有可描述性。

當某個用戶在 internet 上搜索網站時，大部分搜索引擎都會在搜索結果中顯示出網站的標題。請確保標題與網頁的內容是吻合的。這樣的話用戶有更多的可能通過點擊這些鏈接來訪問到你的網站。

當用戶訪問您的網站時，在窗口的標題欄中標題是可見的。請確保即使窗口被最小化，標題同樣能起到描述網站內容的作用。

在用戶訪問你的網站之后，網頁的標題會存儲于歷史文件夾（用戶甚至會把網頁收藏到他的收藏夾中）。為了后續的成功訪問，同樣請確保標題可以清楚地描述您的網站。

優秀的標題：

<title>HTML Tutorial</title>

<title>XML Introduction</title>

差距的標題的例子：:

<title>Introduction</title>

<title>Chapter 1</title>

W3Cschool擁有一整套組織良好、易于理解的 HTML、CSS、JavaScript、 DHTML、XML、XHTML、WAP、ASP、SQL 教程，并包含非常多實例和源代碼。

<h1> 元素

<h1> 元素用來描述網頁中最上層的標題。

由于一些瀏覽器會默認地把 <h1> 元素顯示為很大的字體，因此會有一些 web 開發者使用 <h2> 元素代替 <h1> 元素來顯示最上層的標題。這樣做不會對讀者產生影響，但會使那些試圖"理解網頁結構"的搜索引擎和其他軟件感到迷惑。

請確保把 <h1> 用于最頂層的標題，<h2> 和 <h3> 用于較低的層級。

可以試著根據此模版來構造您的網頁：

This is the main heading

Some initial text

This is a level 2 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

如果您不喜歡默認的標題字體尺寸，可以使用樣式或樣式表來改變。

在線咨詢

上一篇：亞馬遜側邊欄廣告沒了，新的廣告位置你知道嗎？
下一篇：CSS特征之一：層疊性

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript Frame對象

架

框架標簽（Frame）

This is the main heading

您的項目需求