JavaScript函数
定义函数
语法:
function 函数名(形式参数1,形式参数2...形式参数n){
//语句
}
定义规则:
1.使用function关键字,function后面是函数名,不必说明返回值。
2.函数的命名规则与变量名的命名规则相同。
3.函数后面的()里面可以包含若干参数,也可以选择不带任何参数。
4.后面是一对{},包含具体实现特定功能的若干语句。
函数的返回值
函数的参数是外部语句对函数内部语句的信息传递,函数的返回值恰好相反,它能够将一个结果返回给外部语句的使用。
函数变量的作用域
主要分为全局变量和局部变量。全局变量是在函数外部声明的,可以在任何地方使用,局部变量是在函数内部声明的,只能在函数内部使用。局部变量随着函数的结果二消失。
系统函数
1.parseInt:将字符串类型转换为整数,仅接收一个参数。它从字符串的开头开始解析,到字符串第一个非整数的位置停止,然后返回前面的整数。如果字符串不是以整数开头,则返回NaN(Not a Number)。
2.parseFloat和parseInt相似,parseFloat返回的是一个浮点数(小数)
3.isNaN:用于判断是否是NaN(不是数字)。如果是isNaN,则返回true,否则返回false。
JavaScript点击事件
1.nclick事件
onclick事件用于接收鼠标对页面元素点击的动作,称为点击事件。
2.onblur事件
指光标或焦点离开元素后触发的事件,通常用于表单验证。
获得焦点事件:onfocus事件,它与onblur是一对相反事件。
3.onchange事件
通常指输入框的值发生变化或改变下拉列表框的选项触发的事件。
onchange事件和onblur事件相似,都需要将焦点移出文本框。
4.onmouseover和onmouseout事件
是鼠标移入和鼠标移出事件。
5.是鼠标移动事件,鼠标每移动一个像素,则每触发一次事件。
实例:
<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>
移动了<span id="sp">0</span>像素
<div onmousemove="mouve()" ></div>
</body>
解释:
其代码表示鼠标在div中每一动一个像素,span标签中的数字每增加一个。
1.document.getElementById("sp")表示获取id为"sp"的元素
2.innerHTML表示获取文本值