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> 標記所標示的框窗永遠是按由上而下、由左至右的次序。

本節與 Composer 教室的【運用框架】大部分相同,只是本節增加了內容及較為詳細,正 如其它篇章一樣并不會提及網頁制作工具,若饋下學會了 HTML 相信你亦不會選用 Composer , FrontPage 一類的工具了。

<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
    表示框架寬度部份邊緣所保留的空間。
以下是一些例子:(與 Composer 教室的【運用框架】相同)

例子HTML Code
?
?
<frameset rows="80,*"> <frame name="top" src="a.html"> <frame name="bottom" src="b.html">
</frameset>
例子HTML Code
?
?
?
<frameset rows="80,*,80"> <frame name="top" src="a.html"> <frame name="middle" src="b.html"> <frame name="bottom" src="c.html">
</frameset>
例子HTML Code
??
?
<frameset cols="150,*">
<frameset rows="80,*">
<frame name="upper_left" src="a.html"> <frame name="lower_left" src="b.html">
</frameset>
<frame name="right" src="c.html">
</frameset>
例子HTML Code
?
??
<frameset rows="80,*"> <frame name="top" src="a.html">
<frameset cols="150,*">
<frame name="lower_left" src="b.html"> <frame name="lower_right" src="c.html">
</frameset>
</frameset>
例子HTML Code
??
?
<frameset cols="150,*"> <frame name="left" src="a.html">
<frameset rows="80,*">
<frame name="upper_right" src="b.html"> <frame name="lower_right" src="c.html">
</frameset>
</frameset>

?

<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 則不容許卷動。

?

2.自己具體使用中的總結(導航)

在frame中的具體使用如下,如果想點擊一個界面的控件,跳轉到另一個頁面,

而保持另一個頁面的導航作用.

這樣編碼如下:

?

<head?id="Head1"?runat="server">
????
<title>soff</title>

</head>

<frameset?rows="23%,*"?frameborder="0"?border="-1"?framespacing="0"??bordercolor="#008000"?>?
???
<frame?name="Index"?noresize?src="Index.aspx"?>

???
<frame?name="Main"??noresize?id=?Main??src="SendInformSendInformHome.aspx"?>
</frameset>

</html>

?

index.aspx中這樣使用

?

<form?id="form1"?runat="server"?target?=?Main?>

?

3.退出整個Frameset框架可以這樣:(注銷)

?

轉載于:https://www.cnblogs.com/fosanie/archive/2008/04/21/1163840.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/380068.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/380068.shtml
英文地址,請注明出處:http://en.pswp.cn/news/380068.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

cobalt strick 4.0 系列教程(6)Payload Artifact 和反病毒規避

0x01 哲學 Strategic Cyber 責任有限公司會定期回答有關規避的問題。Cobalt Strike 是否能夠繞過 AV 產品&#xff1f;它能繞過哪些 AV 產品&#xff1f;它多久檢查一次&#xff1f; Cobalt Strike 默認的 Artifact 可能會被大多數終端安全解決方案攔截。規避不是 Cobalt Str…

【轉】企業開發的困境與變局

原文&#xff1a;企業開發的困境與變局 文 / 劉江 算起來&#xff0c;《程序員》已經有幾年時間沒有大篇幅討論企業軟件開發這個話題了。這其實挺奇怪的。要知道&#xff0c;按類別來分&#xff0c;國內從事企業軟件開發的技術人員是最多的&#xff0c;從CSDN和《程序員》聯合舉…

c# 類對象和實例對象_C#類和對象能力問題 套裝4

c# 類對象和實例對象1) What are the correct statements about given code snippets? using System;public class Example{virtual private int X;private int Y;static void Main(string[] args){Console.WriteLine("Hello World");}}Hello WorldHelloWorldSyntax…

linkBar組件學習--設置linkBar子項的豎直間距.

效果&#xff1a;代碼&#xff1a; <?xml version"1.0" encoding"utf-8"?><!--http://blog.flexexamples.com/2008/04/20/setting-the-vertical-spacing-between-items-in-a-linkbar-control-in-flex/ --><mx:Application xmlns:mx"…

AES算法

算法簡介 AES本質是一種對稱分組密碼體制&#xff0c;采用代替/置換網絡。每輪由三層組成&#xff1a;線性混合層確保多輪之上的高度擴散&#xff0c;非線性層由16個S盒并置起到混淆的作用&#xff0c;秘鑰加密層將子秘鑰異或到中間狀態。 AES加密數據塊和秘鑰長度可以是128比…

C——結構體

例題1&#xff1a;(使用結構體) 輸入兩個學生的學號、姓名和成績&#xff0c;輸出成績較高的學生的學號、姓名和成績 解題思路&#xff1a; (1)定義連個結構相同的結構體變量student1,student2; (2)分別輸入兩個學生的學號、姓名、和成績&#xff1b; (3)比較兩個學生的成…

web.config配置文件詳解

<?xml version"1.0"?> <!--注意: 除了手動編輯此文件以外&#xff0c;您還可以使用 Web 管理工具來配置應用程序的設置。可以使用 Visual Studio 中的“網站”->“Asp.Net 配置”選項。 設置和注釋的完整列表在 machine.config.comments 中&#xff0c…

離散數學群論_離散數學中的群論及其類型

離散數學群論半群 (Semigroup) An algebraic structure (G, *) is said to be a semigroup. If the binary operation * is associated in G i.e. if (a*b) *c a *(b*c) a,b,c e G. For example, the set of N of all natural number is semigroup with respect to the operat…

IDA使用方法-----1

0x01 啟動IDA new&#xff1a;反匯編一個新文件go&#xff1a;運行&#xff0c;直接進入IDAPrevious&#xff1a;載入一個我們以前編譯過的程序 如果不想每次都看到這個對話框&#xff0c;可以取消該對話框底部的Display at startup&#xff08;啟動時顯示&#xff09;&#x…

郵箱驗證JS代碼

方法一,用JSfunction finish_onclick() { var username document.getElementById("username");var pwhidden document.getElementById("pwhidden");if(username.value"") { alert("請填寫您的企業郵箱地址&#xff01;");username.f…

objdump命令詳解

objdump命令是用查看目標文件或者可執行的目標文件的構成的gcc工具。 選項 --archive-headers -a 顯示檔案庫的成員信息,類似ls -l將lib*.a的信息列出。 -b bfdname --targetbfdname 指定目標碼格式。這不是必須的&#xff0c;objdump能自動識別許多格式&#xff0c;比如…

Java——異常(try...catch...finally)

public class Demo5_Throwable {public static void main(String[] args) {try{System.out.println(1/0);}catch(Exception e){System.out.println(e.getMessage());//獲取異常信息,返回字符串&#xff1b;System.out.println(e.toString());//獲取異常類名和異常信息&#xff…

Python程序反轉給定數字(2種不同方式)

Take input number from the user and print its reverse. 從用戶處獲取輸入號碼并打印其反面。 Example: 例&#xff1a; Input:12345Output:54321Here, we are implementing program to reversing a given number using 2 different ways. 在這里&#xff0c;我們正在實施程…

外匯期貨學習專帖(轉)

一篇好文,值得深思! (轉) 我的一些所看所想,和大家聊聊 ; d: R ^6 c* A2 e X" y8 y4 Bhttp://www.fx998.cn 說來慚愧,很久以前,俺在期貨公司混事,95年以前國內期貨公司從外盤棉花到咖啡....,外匯期指到原油.都能*作.是一派欣欣向榮之景.95年之后,按國家規定都轉了內…

《Pro ASP.NET MVC 3 Framework》學習筆記之四【領域模型介紹】

主題&#xff1a;應用領域驅動開發(Applying Domain-Driven Development) Domain Model是MVC程序的"心臟"&#xff0c;其他的一切&#xff0c;包括Controllers和Views僅僅是用來跟Domain Model交互的一種方式&#xff0c;ASP.NET MVC并沒有限制使用在Domain Model上面…

Java——集合框架(List)

集合框架&#xff08;List的三個子類的特點&#xff09; A&#xff1a;List的三個子類的特點 ArrayList&#xff1a; 底層數據結構是數組&#xff0c;查詢快&#xff0c;增刪慢。 線程不安全&#xff0c;效率高。 Vector&#xff1a; 底層數據結構是數組&#xff0c;查詢…

一步一步學pwntools(適合新手)

序 pwntools是一個二進制利用框架。官方文檔提供了詳細的api規范。然而目前并沒有一個很好的新手教程。因此我用了我過去的幾篇writeup。由于本文只是用來介紹pwntools使用方法&#xff0c;我不會過于詳細的講解各種二進制漏洞攻擊技術。 Pwntools的“Hello World” 棧溢出無…

關于J2EE中死鎖問題的研究(1)

大多數重要的應用程序都涉及高度并發性和多個抽象層。并發性與資源爭用有關&#xff0c;并且是導致死鎖問題增多的因素之一。多個抽象層使隔離并修復死鎖環境的工作變得更加困難。 通常&#xff0c;當同時執行兩個或兩個以上的線程時&#xff0c;如果每個線程都占有一個資源并請…

python變量分配內存_Python | 聲明任何變量而不分配任何值

python變量分配內存Since, Python is a dynamic programming language so there is no need to declare such type of variable, it automatically declares when first time value assign in it. 由于Python是一種動態編程語言&#xff0c;因此無需聲明此類變量&#xff0c;它…

UVA 10004 - Bicoloring

模擬染色&#xff0c;因為只有兩種顏色&#xff0c;所以分別用 0、 1 代表這兩種顏色&#xff0c;然后從0開始深搜&#xff0c;如果 每個點都能染上色&#xff0c;且相鄰兩點的顏色不同&#xff0c;則符合要求。 #include<stdio.h>#include<string.h>#define MAXN …