JavaScript程序設計基礎教程-第6章--窗口和框架

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

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

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

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