【三】函數(shù)作用域事件

函數(shù)作用域事件

函數(shù)

函數(shù)的定義

函數(shù)是一段具備特定功能的代碼段。

函數(shù)語法

關(guān)鍵字是function,例如:


function functionName(argument,argument){

//代碼塊

}

函數(shù)種類

無參無返回值

無參有返回值

有參無返回值

有參有返回值

第二種定義函數(shù)的格式

把函數(shù)傳給一個變量,可以通過函數(shù)名調(diào)用函數(shù),例如:


//定義函數(shù),傳給變量

var name = function(){

//代碼塊

}

//調(diào)用函數(shù)

name();

遞歸函數(shù)

遞歸函數(shù)的定義

自己調(diào)用自己的函數(shù)。

注意點:

遞歸函數(shù)要有一個明確的結(jié)束條件;考慮到性能問題,要慎用遞歸;實際開發(fā)中也很少用。

變量的作用域

局部變量

定義:

函數(shù)內(nèi)部使用var聲明的變量。

特點:

只能在函數(shù)內(nèi)部訪問它;

只要函數(shù)運行完畢,局部變量就會被刪除。

因此,可以在不同函數(shù)中定義名稱相同的局部變量。

全局變量

定義:

在函數(shù)外部聲明的變量,以及函數(shù)中沒有使用var來聲明的變量,例如:


var a = 1;

function(){

b = 2;

var c = 3;

}

其中,a和b是全局變量

特點:

網(wǎng)頁上所有腳本和函數(shù)都能訪問全局變量。

生命周期:由被聲明開始,到頁面關(guān)閉時結(jié)束。

變量提升

在函數(shù)內(nèi)部聲明定義一個和外部變量名稱一樣的變量時,函數(shù)把內(nèi)部變量的聲明會提升到第一行,而賦值位置不變。

初識DOM

Document Object Model,文檔對象模型,簡單來說就是把網(wǎng)頁抽象成由對象組成的樹狀結(jié)構(gòu)。

js中一般使用document.getElementById("id")來獲取元素;

事件

事件三要素

1.事件源

2.事件(鼠標(biāo)單擊,鼠標(biāo)雙擊,按下并釋放鍵盤上的一個按鍵等)

3.事件處理程序

事件源.事件 = function(){事件處理程序}

常見事件

onclick 鼠標(biāo)單擊

ondblclick 鼠標(biāo)雙擊

onchange 文本內(nèi)容或下拉菜單中的選項發(fā)生改變

onfocus 獲得焦點

onblur 失去焦點

onmouseover 鼠標(biāo)懸停

onmouseout 鼠標(biāo)移出

onload 網(wǎng)頁文檔加載事件

onunload 關(guān)閉網(wǎng)頁時

入口函數(shù)

window.onload();當(dāng)整個文檔加載完以后調(diào)用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、c語言的函數(shù)有以下特點: (1)才源程序由函數(shù)組成,一個主函數(shù)main()+若干其他函數(shù) C程序中的函數(shù)類似文...
    滕王閣序閱讀 1,521評論 0 6
  • 我越來越不喜歡,節(jié)日放假了,對于周日一天的假期,反到更加懷念了。 父母親比平日更忙,中秋佳節(jié),本是要團(tuán)圓的,卻在外...
    給vv嘿嘿嘿閱讀 179評論 0 0
  • 直接上代碼 AngularJS 演示 謝謝O(∩_∩)O~
    垃圾簡書_吃棗藥丸閱讀 1,311評論 0 0
  • 體制,是一個很奇怪的東西, 一開始,人們抗拒它, 后來慢慢習(xí)慣它, 到最后,離不開它 你有想過,你現(xiàn)在的生活其實就...
    戴文峰閱讀 4,415評論 48 166
  • 害怕本身是一個包裹著荷爾蒙的詞匯。 它有著對已知的無奈、未知的恐懼。它是藏匿在心中的洪水猛獸,一個細(xì)小的不經(jīng)意就會...
    Lobsters閱讀 308評論 0 0

友情鏈接更多精彩內(nèi)容