JavaScript函數和window對象

標籤：

一、什麼是函數

函數的含義：類似於Java中的方法，是完成特定任務的代碼語句塊 使用更簡單：不用定義屬於某個類，直接使用

二、常用系統函數

parseInt ("字串")     將字串轉換為整型數字    

如: parseInt ("86")將字串“86”轉換為整型值86 parseFloat("字串")    

將字串轉換為浮點型數字     如: parseFloat("34.45")將字串“34.45”轉換為浮點值34.45 isNaN()   

  用於檢查其參數是否是非數字

 

三、自訂函數 建立函數：

1.無參函數

function 函數名()  {  

    JavaScript代碼;  

}

2.有參函數

function 函數名(參數1,參數2，… )  {   

   JavaScript代碼;

  }

3.調用函數 函數調用一般和表單元素的事件一起使用，調用格式：   

  事件名＝“函數名( )" ;

 

四.Window對象的常用屬性

1.screen(有關用戶端的螢幕和顯示效能的資訊)

2.history (有關客戶訪問過的URL的資訊,瀏覽歷程記錄)

3.location（有關當前 URL 的資訊，跳轉載入的頁面）

 

五.Window對象的常用方法

1.prompt（顯示可提示使用者輸入的對話方塊）

2.alert（顯示帶有一個提示資訊和一個確定按鈕的警示框 ）

3.confirm（顯示一個帶有提示資訊、確定和取消按鈕的對話方塊 ）

4.close（關閉瀏覽器視窗）

5.open（開啟一個新的瀏覽器視窗，載入給定 URL 所指定的文檔）

6.setTimeout（在指定的毫秒數後調用函數或計算運算式）

7.setInterval（按照指定的周期（以毫秒計）來調用函數或運算式）

 

六、open()方法

1.height、width(視窗文檔顯示區的高度、寬度。以像素計)

2.left、top(視窗的x座標、y座標。以像素計)

3.toolbar=yes | no  |1 | 0 (是否顯示瀏覽器的工具列。黙認是yes。)

4.scrollbars=yes | no  |1 | 0 (是否顯示捲軸。黙認是yes。)

5.location=yes | no  |1 | 0 (是否顯示地址地段。黙認是yes。)

6.status=yes | no  |1 | 0 (是否添加狀態列。黙認是yes。)

7.menubar=yes | no  |1 | 0 (是否顯示功能表列。黙認是yes。)

8.resizable=yes | no  |1 | 0 (視窗是否可調節尺寸。黙認是yes。)

9.titlebar=yes | no  |1 | 0 (是否顯示標題列。黙認是yes。)

10.fullscreen=yes | no  |1 | (是否使用全螢幕模式顯示瀏覽器。黙認是no。處於全螢幕模式的視窗必須同時處於劇院模式。)

 

七、Window對象的常用事件

1.onload(一個頁面或一幅映像完成載入)

2.onmouseover(滑鼠移到某元素之上)

3.onlick(當使用者單擊某個對象時調用的事件控制代碼)

4.onkeydowm(某個鍵盤按鍵被 按下)

5.onchange(域的內容被改變)

 

八、匿名調用函數

Function 函數名() {

javaScript代碼

}

調用函數：onclick=“函數名() "

網上常見匿名寫法

方式一：事件名=function(){…}

方式二： (function (){

JavaScript代碼;

}())

直接運行函數 window.onload=function(){…}

<body onload= "事件名() " >

 

九、Date對象（擷取時間）  

   var 日期對象=new Date(參數)     

參數格式：MM  DD,YYYY,hh:mm:ss

Date 對象的方法

Seconds 和 Minutes（0 至 59 ）

Hours(0 至 23 ) Day(0 至 6（星期幾） )

Date(1 至 31（月份中的天數） )

Months(0至 11（一月至十二月） )

<script language="javascript" type="text/javascript">

function disptime() {

var today = new Date(); //獲得目前時間  

var hh = today.getHours();  //獲得小時、分鐘、秒

 var mm = today.getMinutes();  

var ss = today.getSeconds();

document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;

}

</script>

 

十、定時函數

setTimeout()用法 setTimeout（“調用的函數”, “指定的時間後"）

setInterval()方法 setInterval（"調用的函數", "指定的時間間隔"）

var  myTime＝setTimeout("disptime( ) ", 1000 );

var  myTime＝setInterval("disptime( ) ", 1000 );

setTimeout()只執行disptime()一次， 如果要多次調用使用setInterval()者者讓disptime()自身再次調用setTimeout()

 

JavaScript函數和window對象