JS函数、事件

函数

在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>

事件

通常与函数一起使用,语法为 发生的事件=函数名

属性当以下情况发生时,出现此事件FFNIE
onblur元素失去焦点123
onchange用户改变域的内容123
onclick鼠标点击某个对象123
ondblclick鼠标双击某个对象144
onfocus元素获得焦点123
onkeydown某个键盘的键被按下143
onkeypress某个键盘的键被按下或按住143
onkeyup某个键盘的键被松开143
onload某个页面或图像被完成加载123
onmousedown某个鼠标按键被按下144
onmousemove鼠标被移动163
onmouseout鼠标从某元素移开144
onmouseover鼠标被移到某元素之上123
onmouseup某个鼠标按键被松开144
onselect文本被选定123
onsubmit提交按钮被点击123
<!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值