網(wǎng)頁(yè)設(shè)計(jì)javascript-窗口框架

1、第 8 章 窗 口 框 架精選ppt第8章 窗口框架 8.1 窗口框架簡(jiǎn)介 8.2 窗口框架控制 8.3 FRAME間的鏈接8.4 浮動(dòng)窗口 精選ppt8.1 窗口框架簡(jiǎn)介精選ppt窗口框架可用于將窗口畫面分割成多個(gè)小窗口，且每個(gè)小窗口中，可以顯示不同的網(wǎng)頁(yè)，達(dá)到在瀏覽器中同時(shí)瀏覽多個(gè)不同網(wǎng)頁(yè)的效果。8.1.1 什么是窗口框架精選ppt在介紹窗口框架文檔之前，先來(lái)看看其應(yīng)用實(shí)例，有一個(gè)感性認(rèn)識(shí)，見(jiàn)下圖。精選pptFrameset結(jié)構(gòu)的基本格式 . . 8.1.2 窗口框架的基本結(jié)構(gòu)精選ppt包含F(xiàn)rameset結(jié)構(gòu)的HTML文件 文件framePage.htm的源代碼窗口框架文檔 你的瀏覽器不

2、支持帶框架的網(wǎng)頁(yè) 精選ppt標(biāo)簽用于定義一個(gè)窗口框架則用于定義窗口框架中的子窗口窗口框架文檔的書寫格式與一般的HTML文檔的書寫格式相同，只是用代替標(biāo)簽，是一個(gè)成對(duì)標(biāo)簽，有開(kāi)始和結(jié)束標(biāo)簽，在標(biāo)簽內(nèi)使用了另一個(gè)標(biāo)簽，用它來(lái)指定每一個(gè)窗口的內(nèi)容。 說(shuō)明精選ppt 窗口框架的分割方式可分為兩種，一種是水平分割(rows屬性)，另一種是垂直分割(cols屬性)。8.1.3 窗口框架的分割方式精選ppt8.2 窗口框架控制精選ppt是成對(duì)標(biāo)簽，首標(biāo)簽和尾標(biāo)簽之間的內(nèi)容是HTML文檔主體部分。使用框架的HTML文檔中不能出現(xiàn)標(biāo)簽，否則會(huì)導(dǎo)致web瀏覽器忽略所有的框架定義而只顯示和之間的內(nèi)容。標(biāo)簽主要有ro

3、ws、cols、border、bordercolor和frameborder五個(gè)屬性。8.2.1 框架設(shè)置標(biāo)簽frameset精選ppt1格式： 2說(shuō)明： rows說(shuō)明窗口行分隔情況，cols說(shuō)明列分隔。 各參數(shù)值之間用逗號(hào)分隔，依次表示各個(gè)子窗口的高度（寬度）。一、水平/垂直分割窗口屬性rows/cols精選ppt rows和cols可以用數(shù)字、百分比或剩余值以及這三種方式的混合來(lái)表示： 數(shù)字：表示子窗口高度（寬度）所占的像素點(diǎn)數(shù)。 百分比“%”：表示子窗口高度（寬度）占整個(gè)瀏覽器窗口高度（寬度）的百分比。 一、水平/垂直分割窗口屬性rows/cols精選ppt剩余值“*”。表示當(dāng)前所有窗口

4、設(shè)定之后的剩余部分。當(dāng)符號(hào)*只出現(xiàn)一次，即其他子窗口的大小都有明確定義時(shí)，表示該子窗口的大小將根據(jù)瀏覽器窗口的大小而自動(dòng)調(diào)整。當(dāng)符號(hào)*出現(xiàn)一次以上時(shí)，表示按比例分割瀏覽器窗口的剩余空間。 一、水平/垂直分割窗口屬性rows/cols精選ppt ：表示將瀏覽器窗口分割為3列：第一個(gè)子窗口在第一列，窗口寬度為整個(gè)瀏覽器窗口寬度的40%；第二個(gè)子窗口在第二列，占瀏覽器窗口剩余空間的2/3，即其寬度為整個(gè)瀏覽器窗口寬度的40%；第三個(gè)子窗口占剩余空間的1/3，寬度為整個(gè)瀏覽器窗口寬度的20%。示例精選ppt示例：橫向與縱向同時(shí)分割 Simple FRAMESET 精選ppt示例：嵌套分割精選ppt 在

5、標(biāo)簽中，可運(yùn)用border屬性控制分割窗口的框架的寬度，其語(yǔ)法如下所示： 其中的數(shù)值代表此窗口框架的寬度，單位為像素,數(shù)值為整數(shù)。 二、設(shè)置窗口框架寬度屬性border精選ppt示例：框架寬度設(shè)置 Simple FRAMESET 精選ppt 在標(biāo)簽中，可運(yùn)用bordercolor屬性設(shè)置邊框的顏色，其語(yǔ)法如下所示： 其中的#代表此邊框的顏色，取值可為RGB代碼，可以是單詞如：red;或十六進(jìn)制如：#00ff00。三、設(shè)置邊框顏色屬性bordercolor精選ppt示例：框架顏色設(shè)置 Simple FRAMESET 精選ppt frameborder屬性用于控制窗口框架四周，是否顯示框架。此屬性

6、可使用在標(biāo)簽與標(biāo)簽中，使用在標(biāo)簽內(nèi)時(shí)，可控制窗口框架的所有子窗口。使用在標(biāo)簽時(shí)，則僅能控制該標(biāo)簽所代表的子窗口，其語(yǔ)法為： 0代表不顯示框線，1代表顯示框線，其默認(rèn)值為1。四、設(shè)置框架隱藏屬性frameborder精選ppt示例：框的設(shè)置 Simple FRAMESET 精選ppt每個(gè)子窗口均由標(biāo)簽定義是單個(gè)的標(biāo)簽，使用時(shí)，將它寫在的開(kāi)始和結(jié)束標(biāo)簽之間，它主要有六個(gè)屬性：src、name、marginwidth、marginheight、scrolling和noresize。8.2.2 子窗口設(shè)置標(biāo)簽frame精選pptsrc屬性是用于指定要導(dǎo)入到該子窗口的HTML文件，其語(yǔ)法如下所示： 如果

7、一個(gè)標(biāo)簽中沒(méi)有src屬性，則該窗口顯示為空。 1 src屬性精選pptname屬性是用來(lái)指定窗口的名稱，此屬性是可選的。當(dāng)完成定義子窗口的名稱后，我們便可在超鏈接中，指定顯示網(wǎng)頁(yè)的子窗口。其語(yǔ)法如下所示： 2 name屬性精選pptscrolling屬性用于描述該窗口是否有滾動(dòng)條。該屬性是可選的。其設(shè)置語(yǔ)法如下： 各設(shè)置值所代表的意義依序?yàn)轱@示、不顯示、自動(dòng)設(shè)置，默認(rèn)值是auto。3 scrolling屬性精選pptnoresize 屬性是一個(gè)標(biāo)志，沒(méi)有取值。它說(shuō)明瀏覽者是否可以自行用鼠標(biāo)調(diào)整窗口的大小。如果設(shè)定了noresize屬性，則窗口不能調(diào)整。如果默認(rèn)，則可以自行調(diào)整窗口的大小。4 n

8、oresize屬性精選pptmarginwidth屬性：用來(lái)控制窗口內(nèi)顯示的內(nèi)容與窗口左右邊緣的距離，該屬性是取一個(gè)像素值，默認(rèn)為1，該屬性是可選的。marginaheight屬性：用來(lái)控制窗口內(nèi)顯示的內(nèi)容與上下邊緣的距離，該屬性是取一個(gè)像素值，默認(rèn)為1，該屬性是可選的。5設(shè)置邊距屬性marginwidth /marginheight精選ppt 對(duì)于框架網(wǎng)頁(yè)中的超鏈接，可用target屬性指定該鏈接的內(nèi)容在哪個(gè)窗口顯示。 8.3 FRAME間的鏈接精選ppt如在本章的第一個(gè)例子中，放置文件的功能是由下面的代碼片段實(shí)現(xiàn)的：在文件left.html中，放置文件的功能是由下面的代碼片段實(shí)現(xiàn)的：1.春

9、望 2.春曉 分析第一個(gè)例子31精選ppt用target屬性指定的目標(biāo)窗口名稱，必須使用字母/數(shù)字字符，否則窗口名將被忽略。有幾個(gè)特定的窗口名例外，這幾個(gè)窗口名有特殊含義，它們是_blank、_self、_parent和_top。target屬性32精選ppt target=_blank當(dāng)將target屬性設(shè)置為_(kāi)blank時(shí)，若單擊超鏈接后，將打開(kāi)一個(gè)新窗口來(lái)顯示網(wǎng)頁(yè)。 target=_self當(dāng)將target屬性設(shè)置為_(kāi)self時(shí)，則將在同一窗口中顯示鏈接的網(wǎng)頁(yè)。 target屬性33精選ppt target=_parent當(dāng)將target屬性設(shè)置為_(kāi)parent時(shí)，若單擊超鏈接后，該鏈接

10、網(wǎng)頁(yè)將導(dǎo)入目前子窗口的上一層框架。若沒(méi)有上層，則導(dǎo)入在同一窗口中。 target=_top當(dāng)將target屬性設(shè)置為_(kāi)top時(shí)，則將脫離目前的窗口框架，在最上層的窗口框架中，顯示鏈接的網(wǎng)頁(yè)。 target屬性34精選ppt示例：AAA.html文件精選pptMenu.html文件我們的任務(wù)我們的成員 我們的公司 示例：精選ppt在一個(gè)頁(yè)面中直接引入另一個(gè)頁(yè)面，這種技術(shù)稱為浮動(dòng)的窗口（Floating frame）(也叫“內(nèi)部框架”。在HTML中通過(guò)iframe標(biāo)簽實(shí)現(xiàn)。其語(yǔ)法如下所示： 其中#=初始頁(yè)面的URL。8.4 浮動(dòng)窗口37精選ppt屬性說(shuō)明：src：文件的路徑，既可是HTML文件，也

11、可以是文本、ASP、以及GIF、JPEG、JPG、PNG等圖片文件； width、height：畫中畫區(qū)域的寬與高； scrolling:當(dāng)SRC的指定的HTML文件在指定的區(qū)域顯示不完時(shí)，滾動(dòng)選項(xiàng)，如果設(shè)置為NO，則不出現(xiàn)滾動(dòng)條；如為Auto：則自動(dòng)出現(xiàn)滾動(dòng)條；如為Yes，則顯示; 精選ppt屬性說(shuō)明：FrameBorder：區(qū)域邊框的寬度，為了讓“畫中畫“與鄰近的內(nèi)容相融合，常設(shè)置為0。Name：子窗口名稱 Marginheight、marginwidth ：指定文字與邊界的距離精選ppt示例：頁(yè)內(nèi)框架示例李白靜思怨情真可惜，您的瀏覽器不支持框架！精選ppt示例： file1.htmfile1.htm李白（701762）