JavaScript函數(shù)
定義函數(shù)
語法:
function 函數(shù)名(形式參數(shù)1甥材,形式參數(shù)2...形式參數(shù)n){
???????? //語句
}
定義規(guī)則:
1.使用function關(guān)鍵字浊伙,function后面是函數(shù)名乌企,不必說明返回值查乒。
2.函數(shù)的命名規(guī)則與變量名的命名規(guī)則相同。
3.函數(shù)后面的()里面可以包含若干參數(shù),也可以選擇不帶任何參數(shù)订歪。
4.后面是一對{},包含具體實(shí)現(xiàn)特定功能的若干語句肆捕。
函數(shù)的返回值
函數(shù)的參數(shù)是外部語句對函數(shù)內(nèi)部語句的信息傳遞陌粹,函數(shù)的返回值恰好相反,它能夠?qū)⒁粋€(gè)結(jié)果返回給外部語句的使用福压。
函數(shù)變量的作用域
主要分為全局變量和局部變量掏秩。全局變量是在函數(shù)外部聲明的,可以在任何地方使用荆姆,局部變量是在函數(shù)內(nèi)部聲明的蒙幻,只能在函數(shù)內(nèi)部使用。局部變量隨著函數(shù)的結(jié)果二消失胆筒。
系統(tǒng)函數(shù)
1.parseInt:將字符串類型轉(zhuǎn)換為整數(shù)邮破,僅接收一個(gè)參數(shù)。它從字符串的開頭開始解析仆救,到字符串第一個(gè)非整數(shù)的位置停止抒和,然后返回前面的整數(shù)。如果字符串不是以整數(shù)開頭彤蔽,則返回NaN(Not?a Number)摧莽。
2.parseFloat和parseInt相似,parseFloat返回的是一個(gè)浮點(diǎn)數(shù)(小數(shù))
3.isNaN:用于判斷是否是NaN(不是數(shù)字)顿痪。如果是isNaN镊辕,則返回true,否則返回false蚁袭。
JavaScript點(diǎn)擊事件
1.nclick事件
onclick事件用于接收鼠標(biāo)對頁面元素點(diǎn)擊的動(dòng)作征懈,稱為點(diǎn)擊事件。
2.onblur事件
指光標(biāo)或焦點(diǎn)離開元素后觸發(fā)的事件揩悄,通常用于表單驗(yàn)證卖哎。
獲得焦點(diǎn)事件:onfocus事件,它與onblur是一對相反事件删性。
3.onchange事件
通常指輸入框的值發(fā)生變化或改變下拉列表框的選項(xiàng)觸發(fā)的事件亏娜。
onchange事件和onblur事件相似,都需要將焦點(diǎn)移出文本框镇匀。
4.onmouseover和onmouseout事件
是鼠標(biāo)移入和鼠標(biāo)移出事件照藻。
5.是鼠標(biāo)移動(dòng)事件,鼠標(biāo)每移動(dòng)一個(gè)像素汗侵,則每觸發(fā)一次事件幸缕。
實(shí)例:
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var count=0;
function mouve(){
document.getElementById("sp").innerHTML=++count;
}
</script>
<style>
div{
width: 300px;
height: 200px;
background-color: #0077cc;
}
</style>
</head>
<body>
移動(dòng)了<span id="sp">0</span>像素
<div onmousemove="mouve()" ></div>
</body>
解釋:
其代碼表示鼠標(biāo)在div中每一動(dòng)一個(gè)像素群发,span標(biāo)簽中的數(shù)字每增加一個(gè)。
1.document.getElementById("sp")表示獲取id為"sp"的元素
2.innerHTML表示獲取文本值