1.1定义函数
使用函数前必须先对函数定义
定义函数的原则有：
1.使用function关键字，function后是函数名，与java语言不同，不必说明返回值的类型
2.函数命名规则与变量名命名规则相同
3.函数名后的（）可以包含多个参数，也可以不带参数
function 函数名(形式参数1，形式参数2，……，形式参数n){
//语句
}
1.2函数的参数
参数是一种变量，这种变量只能在函数体中使用，在函数调用时赋值，通常称为形参.
示例如下(使用函数计算工资奖金的总金额)：
创建函数:
<script type="text/javascript">
function total(salary,bonus){
document.writeln('工资和奖金的总金额 :' + （salary+bonus）);
}
</script>
调用函数:
<body>
<h2>张三：<script type="text/javascript">total(4000,5000);</script>元</h2>
<h2>李四：<script type="text/javascript">total(3000,5000);</script>元</h2>
</body>
1.3函数的返回值
在调用语句时,使用变量保存值，再由return返回调用后的值
1.4函数的作用域
变量按作用域分为，全局变量和局部变量
全局变量在函数体外部声明，可以在所有地方使用变量
局部变量只是在函数体内部声明，也只能在函数体内部使用
1.5系统函数
1.5.1 parseInt函数（将字符串转换为整数）
<script type="text/javascript">
parseInt("150.1cats");//结果为150
</script>
1.5.2 parseFloat函数（返回一个浮点数)
<script type="text/javascript">
parseFloat("150.1cats");//结果为150.1
</script>
1.5.3 isNan函数(判断参数，是数字就返回false 不是数字就返回true)
<script type="text/javascript">
isNaN("134");//结果为false
</script>
2.1JavaScript的事件
2.1.1 onclick事件
它用于接收鼠标对页面元素按下并抬起的动作，又被称为单击事件
<script type="text/javascript">
function show(x){
alert("您选择的性别:" +x.value);
}
</script>
<body>
性别：
<input type="radio" name="gender" value="男" onclick="show(this)" />男
<input type="radio" name="gender" value="女" onclick="show(this)" />女
</body>
2.1.2 onload事件(在页面加载完成后立即发生)
<body onload="document.title=' 加载后我就来了!!' ">
2.1.3 onblur事件
onblur事件是指光标或焦点离开元素后触发的事件
<body>
<p>请输入密码:<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("密码的长度必须在6位以上");
}
}
</script>
</body>
2.1.4 onchange事件
onchange事件指输入框的值发生了变化或改变下拉列表框的选项会触发onchange事件
<body>
友情链接:
<select onchange="changeLink(this)">
<option value="请选择">请选择</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.google.com">谷歌</option>
</select>
<script type="text/javascript">
function changeLink(obj){
if(obj.value != "请选择"){
window.open(obj.value);
}
}
</script>
</body>
2.1.5 onmouseover事件和onmouseout事件(鼠标移入和移出元素时触发的事件)
<body>
<marquee direction="right" onmouseover="stop()" onmouseout="start()">
<img src="图片路径" />
</marquee>
</body>
