第十講:屏幕和瀏覽器對象_第1頁
第十講:屏幕和瀏覽器對象_第2頁
第十講:屏幕和瀏覽器對象_第3頁
第十講:屏幕和瀏覽器對象_第4頁
第十講:屏幕和瀏覽器對象_第5頁
已閱讀5頁,還剩5頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、屏幕對象 瀏覽器對象 屏幕對象介紹屏幕對象(screen)提供了獲取顯示器信息的功能,顯示器信息的主要用途是確定網頁在客戶機是所能達到的最大顯示空間。很多情況下,用戶的顯示器大小尺寸不盡相同,以同一盡寸設計的網頁往往得不到期望的效果。為此需得知用戶顯示器的信息,在運行時確定網頁的布局 檢測顯示器參數檢測顯示器參數有助于確定網頁在客戶機上所能顯示的大小,主要使用screen對象提供的接口。顯示的參數一般都包括顯示面積的寬、高度和色深等,其中寬、高度是比較有意義的,直接與網布局相關,色深只是影響圖形色彩的逼真程度 。客戶端顯示器屏幕分辨率 顯示器分辨率是指顯示器所能顯示的寬度和高度,通常以像素(p

2、ixel)為單位,例如筆者的顯示器的分辨率為1280*800。在實際應用中,為了使制作的網頁能適應不同的瀏覽器環境,最好使用JavaScript程序對用戶的顯示器進行檢測,動態調整網頁的布局 。下面來看一個相關的實例。 0102with (document) /用with語句引用document的屬性0304write (您的屏幕顯示設定值如下:); /輸出提示語句05write (屏幕的實際高度為, screen.availHeight, );/輸出屏幕的實際高06write (屏幕的實際寬度為, screen.availWidth, );/輸出屏幕的實際寬07write (屏幕的色盤深度為

3、, screen.colorDepth, );/輸出屏幕的盤深度08write (屏幕區域的高度為, screen.height, );/輸出屏幕的區域高度09write (屏幕區域的寬度為, screen.width);/輸出屏幕的區域寬度1011客戶端顯示器屏幕的有效寬度和高度 有效寬度和高度,是指打開客戶端瀏覽器,所能達到的最大寬度和高度。在不同的操作系統中,操作系統本身也要占用一定的顯示區域,所以在瀏覽器窗口以最大化打開時,不一定占滿整個顯示器屏幕。因此,有效寬度和高度就是指瀏覽器窗口所能占據的最大寬度和高度 。01with(document)/ 設置上下文0203writeln( 網

4、頁可見區域寬:+ document.body.clientWidth+);/ 網頁可見區域寬04writeln( 網頁可見區域高:+ document.body.clientHeight+);/ 網頁可見區域高05writeln( 網頁可見區域寬:+ document.body.offsetWidth + (包括邊線和滾動條的寬)+);06writeln( 網頁可見區域高:+ document.body.offsetHeight + (包括邊線的寬)+);07writeln( 網頁正文全文寬:+ document.body.scrollWidth+);/ 網頁正文全文寬08writeln( 網

5、頁正文全文高:+ document.body.scrollHeight+);/ 網頁正文全文高09writeln( 網頁被卷去的高(ff):+ document.body.scrollTop+);/ 網頁被卷去頂部分(ff)10writeln( 網頁被卷去的高(ie):+ document.documentElement.scrollTop+);11writeln( 網頁被卷去的左:+ document.body.scrollLeft+);/ 網頁被卷去左部分網頁開屏 網頁開屏是一種特效,在網頁打開時,窗口由小變大逐漸展開到最大,增強視覺效果。使用這章所介紹的screen對象即可實現。方法是在

6、打開新窗口時,將其尺寸設置為最小,然后通過用定時器逐漸增加其尺寸,當增加到一個合適的尺寸時移除定時器即可下面來看這個實例。12writeln( 網頁正文部分上:+ window.screenTop+);/ 網頁正文部分上13writeln( 網頁正文部分左:+ window.screenLeft+);/ 網頁正文部分左14writeln( 屏幕分辨率的高:+ window.screen.height+);/ 分辨率高15writeln( 屏幕分辨率的寬:+ window.screen.width+);/ 分辨率寬16writeln( 屏幕可用工作區高度:+ window.screen.avai

7、lHeight+);/ 有效工作區高度17writeln( 屏幕可用工作區寬度:+ window.screen.availWidth+);/ 有效工作區寬度1819獲取瀏覽器對象的屬性值 在進行Web開發時,通過Navigator對象的屬性來確定用戶瀏覽器的版本,進而編寫有針對某一瀏覽器版本的代碼。appCodeNam,瀏覽器的代碼名稱 。appName,瀏覽器的實際名稱 。appVersion,瀏覽器的版本號和平臺信息 。MimeType對象和Plugin對象 MimeType對象提供當前瀏覽器所支持的MIME類型信息,其中MIME類型信息以數組的形式保存。Plugin主要管理當前瀏覽器中已經安裝的插件或外掛程序的信息,在應用中該對象非常重要。例如檢測當前瀏覽器是否已經安裝FLASH播放器插件,如果還沒有則可以提醒用戶下載并安裝,這對包含FLASH內容的網頁非常重要。下面通過例子說明如何枚舉瀏覽器所支持的MIME類型。下面是關于這兩個對象的一段代碼。瀏覽器對象的javaEnabled ja

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論