JavaScript程序設(shè)計(jì)基礎(chǔ)教程-第6章--窗口和框架

1、JavaScript程序設(shè)計(jì)第6章 窗口和框架6.1 Window對(duì)象概述6.2 窗口框架簡(jiǎn)介6.3 窗口框架控制6.4 FRAME之間的鏈接JavaScript程序設(shè)計(jì)第6章 窗口和框架6.5 浮動(dòng)窗口6.6 實(shí)戰(zhàn)：iframe創(chuàng)建動(dòng)態(tài)內(nèi)容JavaScript程序設(shè)計(jì) Window對(duì)象常用屬性和方法 （1）簡(jiǎn)單對(duì)話框：alert()、confirm()和prompt()； （2）狀態(tài)欄：status屬性和defaultStatus屬性； （3）定時(shí)設(shè)定和時(shí)間間隔：setTimeout()、clearTimeout()、setInterval()、clearInterval()； （4）nav

2、igator：用于獲取瀏覽器和操作系統(tǒng)的信息； （5）Screen對(duì)象：有關(guān)用戶顯示器的大小和可用的顏色數(shù)量的信息； （6）Location對(duì)象：窗口中當(dāng)前顯示的文檔的URL； （7）History對(duì)象：保存著用戶上網(wǎng)的歷史記錄；6.1 Window對(duì)象概述第6章 窗口和框架JavaScript程序設(shè)計(jì) 窗口相關(guān)操作 （1）窗口位置獲?。簊creenLeft和screenTop、screenX和screenY； （2）窗口位置移動(dòng)：moveTo()和moveBy()； （3）窗口大小獲?。簅uterWidth和outerHeight、innerWidth和innerHeight； （4）窗口大

3、小調(diào)整：resizeTo()和resizeBy()； （5）打開(kāi)窗口：open()； （6）關(guān)閉窗口：close()；6.1 Window對(duì)象概述第6章 窗口和框架JavaScript程序設(shè)計(jì) 什么是窗口框架 窗口框架可用于將窗口畫(huà)面分割成多個(gè)小窗口，且每個(gè)小窗口中，可以顯示不同的網(wǎng)頁(yè)，達(dá)到在瀏覽器中同時(shí)瀏覽多個(gè)不同網(wǎng)頁(yè)的效果。6.2 窗口框架簡(jiǎn)介第6章 窗口和框架JavaScript程序設(shè)計(jì) 窗口框架的基本結(jié)構(gòu) . . 6.2 窗口框架簡(jiǎn)介第6章 窗口和框架JavaScript程序設(shè)計(jì) 水平/垂直分隔6.3 窗口框架控制第6章 窗口和框架JavaScript程序設(shè)計(jì) 設(shè)置窗口寬度 窗口框架寬

4、度設(shè)置 6.3 窗口框架控制第6章 窗口和框架JavaScript程序設(shè)計(jì) 子窗口設(shè)置標(biāo)簽frame的六個(gè)屬性src、name、marginwidth、marginheight、scrolling和noresize。6.3 窗口框架控制第6章 窗口和框架JavaScript程序設(shè)計(jì) 鏈接 對(duì)于框架網(wǎng)頁(yè)中的超鏈接，可用target屬性指定該鏈接的內(nèi)容在哪個(gè)窗口顯示；_blank _self _parent _top6.4 FRAME之間的鏈接第6章 窗口和框架JavaScript程序設(shè)計(jì) 浮動(dòng)窗口 在一個(gè)頁(yè)面中直接引入另一個(gè)頁(yè)面，這種技術(shù)稱為浮動(dòng)的窗口（Floating frame）(也叫“內(nèi)部框架”； 6.5 浮動(dòng)窗口第6章 窗口和框架JavaScript程序設(shè)計(jì) 實(shí)戰(zhàn) （1）案例描述 編寫(xiě)程序使用JavaScript為iframe創(chuàng)建動(dòng)態(tài)內(nèi)容，當(dāng)用戶點(diǎn)擊頁(yè)面鏈接時(shí)，顯示當(dāng)前session中用戶訪問(wèn)頁(yè)面的次數(shù)。 （2）實(shí)現(xiàn)思路 1）首先創(chuàng)建一個(gè)HTML主頁(yè)面。頁(yè)面包含一個(gè)子窗口iframe； 2）定義函數(shù)initLinks循環(huán)遍歷頁(yè)面上所有的鏈接； 3）定義數(shù)組pageCount用來(lái)記錄加載頁(yè)面的次數(shù)； 4）函數(shù)writeContent設(shè)置變量newText用來(lái)存儲(chǔ)iframe的動(dòng)態(tài)內(nèi)容；6.6 實(shí)戰(zhàn)：iframe創(chuàng)建動(dòng)態(tài)內(nèi)容第6章 窗口和框架JavaSc