本文介绍了JavaScript函数的基本概念与使用方法，并详细解析了常见鼠标事件的触发方式及应用实例。
Jscript函数.鼠标事件
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： vs HTML Jscript
作者：管锦炼
撰写时间：2022/3/27
（函数）
JavaScript 函数是被设计为执行特定任务的代码块.
实例：function myFunction(p1, p2) {
return p1 * p2; // 该函数返回 p1 和 p2 的乘积
}
JavaScript 函数语法
Jscript函数是通过关键字function来定义的，其后关键字后面跟的是函数名称
函数名称的定义规则和变量一样，最后名称后面是圆括号( ).
由函数执行的代码要放到花括号中{ }.
function getSum(num1,num2){
var sum=0;
for(var i=num1;i<=num2;i++){
sum+=i;
}
console.log(sum);
}
函数调用.
函数中的代码将在其他代码调用该函数时执行
function getSum(num1,num2){
var sum=0;
}
getSum(10,200);
getSum(1,100);
getSum为函数的名称（参数1，参数2）
调用函数时只需要前面加上函数的名称后面带上圆括号即可.
函数返回
当 JavaScript 到达 return 语句，函数将停止执行。
如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。这个返回值会返回给调用者：
<script>
// 1、求任意两个数之和
function getSum(x,y){//形参 没有赋值的形成默认是undefiend
sum=x+y;
return sum;
}
console.log(getSum(5,3));//实参
</script>
（鼠标事件）
下面是几种常见的鼠标事件：
<body>
<div class="box">
</div>
<script>
var box=document.querySelector('div');
box.onclick=function(){//单击事件 onclick
alert('单击事件');
}
box.onmousedown=function(){//鼠标按下事件 onmousedown
alert(1);
}
box.onmouseup=function(){//鼠标弹起事件 onmouseup
alert(1);
}
box.ondblclick=function(){//双击事件 ondblclick
alert(1);
}
box.onmouseover=function(){//鼠标移入事件 onmouseover
console.log(1);
}
box.onmouseleave=function(){//鼠标离开事件
alert(1);
}
box.onmouseenter=function(){//鼠标移入事件
console.log('移入');
}
box.onmousemove=function(e){//在元素中移动事件
console.log(e);
}
</script>
</body>
扫一扫
1110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
