欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS数组函数和常见事件 20191022

程序员文章站 2022-03-11 14:15:25
...

实例

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JS基础</title>
</head>
<body>
    <div style="width: 300px;height: 200px;background-color: greenyellow" onmouseover="over()" onmouseleave="leave()" onclick="click()"></div>
    <div style="width: 300px;height: 200px;background-color: yellow;display:none;" id="div"></div>
    <input type="email" placeholder="邮箱" onblur="check()">
    <input type="phone" placeholder="手机">

    <select name="" id="" onchange="change()">
        <option value="">重庆</option>
        <option value="">上海</option>
    </select>
    <script>
        var num=[1,2,3,4,5,6,7,8,9];
        console.log(num);
        //数组最后添加元素
        num.push(10);
        console.log(num);
        //在数组最前添加元素
        num.unshift(0);
        console.log(num);
        //删除数组最后一个元素,事实上是取出最后一个元素
        var num1=num.pop();
        console.log(num);
        console.log('取出的最后一个元素是'+num1);
        //删除数组第一个元素,事实上是取出第一个元素
        var num2=num.shift();
        console.log(num);
        console.log('取出的第一个元素是'+num2);
        //删除指定元素
        num.splice(1,2); //删除从下标1开始的两个元素
        console.log(num);
        //js基本动画演示
        function over(){
            console.log('鼠标移入了');
        }
        function leave(){
            console.log('鼠标离开了')
        }
        //检查文本提示
        function check(){
            alert('邮箱不合法');
        }
        function change(){
            alert('值变了');
        }
        //打开网页就跳转到另一个网页
        // window.location.href="http://www.baidu.com"
    </script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例