1.JavaScript的函數(shù)
Js中的函數(shù)相當(dāng)于java中的方法鄙陡。
Java中的方法:
【訪問(wèn)修飾符】返回值類型 方法的名(【方法的參數(shù)………】){
方法體
【return】返回值類型
}
1.1定義函數(shù)
使用函數(shù)可以實(shí)現(xiàn)特定的功能,在使用函數(shù)前必須對(duì)函數(shù)進(jìn)行定義隅肥。定義函數(shù)和其他的普通JavaScript代碼一樣囱晴,都需要放置在<script>和</script>之間,需要使用關(guān)鍵字function积暖。
JS的語(yǔ)法
function 函數(shù)的名字([參數(shù)…….]){
//函數(shù)體
【return】函數(shù)的返回值
}
1.2函數(shù)定義規(guī)則
定義函數(shù)有以下幾個(gè)規(guī)則:
使用function關(guān)鍵字风喇,function后是函數(shù)名,與c#語(yǔ)言不同樊破,不必說(shuō)明返回值的類型
函數(shù)的命名規(guī)則與變量名的命名規(guī)則相同
函數(shù)名后的()愉棱,可以包含若干參數(shù)唆铐,也可以選擇不帶任何參數(shù)
最后是一對(duì){},包含具體實(shí)現(xiàn)特定功能的若干語(yǔ)句
1.3形參和返回值類型
1.對(duì)于函數(shù)外部的語(yǔ)句而言奔滑,函數(shù)內(nèi)部語(yǔ)句是不可見(jiàn)的或链,這時(shí)就需要一種溝通機(jī)制,參數(shù)就是它們溝通的橋梁档押。
2.參數(shù)也是一種變量澳盐,但這種變量只能被函數(shù)體內(nèi)的語(yǔ)句使用,并在函數(shù)被調(diào)用時(shí)賦值令宿,通常它們被稱為形式參數(shù)叼耙。
3.函數(shù)的參數(shù)是外部語(yǔ)句對(duì)函數(shù)內(nèi)部語(yǔ)句的信息傳遞,函數(shù)的返回值剛好相反粒没,能夠?qū)⒁粋€(gè)結(jié)果返回給外部語(yǔ)句
使用
1.4系統(tǒng)函數(shù)
1.4.1 ParseInt轉(zhuǎn)換成整形
1.4.2ParseFloat轉(zhuǎn)換成浮點(diǎn)類型
1.4.3 ISNAN(IS not a number)不是一個(gè)數(shù)字
2.JavaScript的事件
JavaScript是基于對(duì)象筛婉、采用事件驅(qū)動(dòng)的腳本語(yǔ)言。通過(guò)鼠標(biāo)或按鍵在瀏覽器窗口或網(wǎng)頁(yè)元素上執(zhí)行的操作癞松,稱為事件(event)爽撒。
事件的理解:
先在在元素上面綁定一個(gè)事件(靜態(tài)綁定,動(dòng)態(tài)綁定)
觸發(fā)一個(gè)事件
觸發(fā)事件响蓉,就通過(guò)函數(shù)來(lái)執(zhí)行硕勿。
Js中常見(jiàn)的事件有哪些:
2.1頁(yè)面點(diǎn)擊事件 onlick
</head>
<script type="text/javascript">
function show(obj){
alert("您選擇的性別:"+obj.value);
}
</script>
<body>
性別:<input type="radio" name="gender" value="男" onclick="show(this)">男
<input type="radio" name="gender" value="女" onclick="show(this)">女
</body>
2.2 頁(yè)面加載onload事件
<body onload = "document.title = '歡迎,歡迎枫甲,熱烈歡迎T次洹!想幻!'">
2.3失去焦點(diǎn)事件onblur
<body>
<p>請(qǐng)輸入密碼:<input type ="password" id="txtPwd" onblur="checkPwd()"> </p>
<script type="text/javascript">
function checkPwd(){
var pwd = document.getElementById("txtPwd").value;
if(pwd.length <= 6){
alert("密碼的長(zhǎng)度必須在6位以上");
}
}
</script>
</body>
2.4選項(xiàng)發(fā)生改變事件 onchange
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function changeBg() {
var _select = document.getElementById("city").value ;
if(_select ==='長(zhǎng)沙') {
document.bgColor ='gray' ;
} else if(_select==='北京') {
document.bgColor ='red' ;
} else if(_select ==='上海') {
document.bgColor ='pink';
}
}
</script>
</head>
<body>
<select name="city" id="city" onchange="changeBg()">
<option value="">========請(qǐng)選擇=======</option>
<option value="長(zhǎng)沙">長(zhǎng)沙</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</select>
</body>
</html>
2.5 鼠標(biāo)移除事件onmouseout
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.content {
width: 300px;
height: 300px;
border: 1px solid red ;
}
</style>
<script type="text/javascript">
function changeColor(color) {
var _div = document.getElementById("content") ;
_div.style.background = color ;
}
</script>
</head>
<body>
<div id="content" class="content" onmousemove="changeColor('red')" onmouseout="changeColor('green')"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<marquee direction="left" onmousemove="this.stop()" onmouseout="this.start()">
<img src="images/21.jpg" />
</marquee>
</body>
</html>