《JS高階程式設計》之六

2022-08-16 19:09:10 字數 2200 閱讀 6910

1、視窗位置。

ie、safari、opera 和 chrome都提供了screenleft 和 screentop的屬性,firefox 用screenx 和 screeny (safari 和 chrome也同時支援這兩個屬性),分別表示視窗相對於螢幕左邊和上邊的位置。

在ie、opera 和 chrome中,screenleft 和 screentop中儲存的是從螢幕左邊和上邊到由window物件表示的頁面可見區域的距離。換句話說,如果window物件是最外層物件,而且瀏覽器視窗緊貼螢幕最上端——即y軸座標為0,那麼screentop的值就是位於頁面可見區域上方的瀏覽器工具欄的畫素高度。但是,在firefox 和 safari 中,screeny或screentop中儲存的是整個瀏覽器視窗相對於螢幕的座標值。

2、moveto() 和 moveby() 可將視窗精確地移動到乙個新位置。

moveto(0,0)  //

將視窗移動到螢幕左上角

moveby(0,100) //

將視窗向下移動100畫素

括號中的兩個數先寬度,後高度。

3、視窗大小。

outerwidth 和 outerheight 返回瀏覽器視窗本身的尺寸,innerwidth 和 innerheight 表示容器中頁面檢視區的大小(減去邊框寬度)。

ie(6.0及以上版本標準模式)、firefox、safari、opera、chrome

document.documentelement.cllientwidth  document.documentelement.cllientheight 

ie(6.0版本混雜模式)

document.body.cllientwidth  document.body.cllientheight

chrome標準或混雜模式

兩種方式皆可

6、通過檢查document.compatmode 可以來確定頁面是否處於標準模式。

7、resizeto() 和 resizeby() 可以調整瀏覽器視窗的新寬度和新高度。

window.resizeto(100,100); //

調整到100x100

window.resizeby(100,150); //

寬度和高度分別調整了100 和 150畫素

8、window.open() 接收四個引數,要載入的url、視窗目標、乙個特性字串以及乙個表示新頁面是否取代瀏覽器歷史記錄中當前載入頁面的布林值。

第二個引數可以是 :

_self

在同一視窗中開啟鏈結的文件

_parent

在父視窗中開啟

_top

在當前整個瀏覽器視窗中開啟,原來的框架會消失

_blank

另外開啟乙個新的視窗

9、間歇呼叫和超時呼叫。

settimeout()

指定的時間過後執行**

settimeout(function(),1000)

cleartimeout(timeoutid)可取消尚未執行的超時呼叫計畫

setinterval()

每隔指定的時間執行一次**

setinterval(function(),1000)

clearinterval()可取消間接呼叫

js是乙個單執行緒的直譯器,一段時間內只能執行一段**。最好不要使用間歇呼叫。

10、彈出對話方塊的方式有3種。

(1)alert("hello world!")  直接彈出

(2)confirm("are you sure?");   會有「確認」和「取消」的提示

(3)prompt("what is your name?","cena");  提示框,除了ok和cancle按鈕之外,會顯示乙個文字輸入域,提示要輸入的文字的格式。

11、location物件的屬性

一 js高階程式設計之 遞迴

遞迴函式是在乙個函式通過名字呼叫自身情況下夠成的,如 function factorial num else 這是一經典的遞迴階乘函式 表面這個函式是沒有什麼錯的,但在某種情況下會出錯 var anothe ctorial factorial factorial null alert anothe ...

《js高階程式設計》之惰性載入

不同瀏覽器之間存在相容性問題,當一段 需要詢問瀏覽器是否相容時,需要使用if語句,如果是個事件觸發函式,那麼每次呼叫都需要執行一遍if語句,使用惰性載入可以使if語句執行一遍。原來函式 function addeven else if element.atachevent 方法一 函式覆蓋 func...

《JS高階程式設計》之二

1 js的基本資料型別有 number string number null undefined boolean 還有一種複雜資料型別object,function 和 array 是object的一種派生型別。2 typeof 用來判斷給定變數的資料型別,undefined 這個值未定義 bool...