函数
在java中称之为方法,数据库中称之为过程
常用系统函数
parseInt (“字符串”)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86”转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45
isNaN(值)
用于检查其参数是否是非数字
返回true不是数字 false是数字
注意:在js中存在自动类型转换,有时可以直接使用字符串进行运算
自定义函数
语法:
function 函数名(参数列表){方法体}
js中不需要定义返回值类型,因为所有类型声明使用var
js中参数列表不需要声明数据类型,因为所有类型声明使用var
在js中没有重载的概念,方法名相同的方法会进行覆盖
js中的事件一般与函数一起使用
函数的分类
1、无参无返回值
function 函数名(){方法体}
2、无参有返回值
function 函数名(){方法体;return 返回值;}
3、有参无返回值
function 函数名(c1,c2,c3){方法体}
4、有参有返回值
function 函数名(c1,c2,c3){方法体;return 返回值}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function show(size) {
for (var i = 1; i <= size; i++) {
document.write("hello!" + i)
}
}
</script>
</head>
<body>
<button onclick="show(prompt('请输入次数', '0'))">按钮</button>
</body>
</html>
事件
通常与函数一起使用,语法为 发生的事件=函数名
属性 | 当以下情况发生时,出现此事件 | FF | N | IE |
---|---|---|---|---|
onblur | 元素失去焦点 | 1 | 2 | 3 |
onchange | 用户改变域的内容 | 1 | 2 | 3 |
onclick | 鼠标点击某个对象 | 1 | 2 | 3 |
ondblclick | 鼠标双击某个对象 | 1 | 4 | 4 |
onfocus | 元素获得焦点 | 1 | 2 | 3 |
onkeydown | 某个键盘的键被按下 | 1 | 4 | 3 |
onkeypress | 某个键盘的键被按下或按住 | 1 | 4 | 3 |
onkeyup | 某个键盘的键被松开 | 1 | 4 | 3 |
onload | 某个页面或图像被完成加载 | 1 | 2 | 3 |
onmousedown | 某个鼠标按键被按下 | 1 | 4 | 4 |
onmousemove | 鼠标被移动 | 1 | 6 | 3 |
onmouseout | 鼠标从某元素移开 | 1 | 4 | 4 |
onmouseover | 鼠标被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某个鼠标按键被松开 | 1 | 4 | 4 |
onselect | 文本被选定 | 1 | 2 | 3 |
onsubmit | 提交按钮被点击 | 1 | 2 | 3 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 200px;
height: 200px;
background-color: aqua;
}
</style>
<script>
var i = 0;
function z() {
var d = document.getElementById("d")
d.style.transform = 'rotate(' + i + 'deg)';
i += 50;
}
</script>
</head>
<body>
<div onclick="z()" id="d"></div>
</body>
</html>