10月22日JS流程控制和循环，数组和常用事件作业

JS 流程控制 if语句

<script>

        var d = new Date(); //创建时间个Date对象

        var time = d.getHours(); //获取Date对象中的小时数

        if (time < 12) {

            alert('早上好！'); //如果小时数小于12输出“早上好”;

        }

        if (time > 12 && time < 18) {

            alert('下午好！'); //如果小时数大于12小于18，输出下午好;

        }

        if (time > 18) {

            alert('晚上好'); //如果小时数大于18，输出晚上好

        }

    </script>

JS FOR循环语句案例  从1+100的

 

 

    <script>

 

        var num = 0;

        for (var i = 0; i <= 100; i++) {

            num += i;

        }

        console.log(num);

    </script>

JS while循环语句案例 

    <script>

        var i = 0;

        var text = '';

        while (i <= 20) {

            text += '数字是:' + i;

            i++;

        }

        console.log(text);

    </script>

JS do while循环语句案例 

 

    <script>

        var i = 0;

        var x = '';

        do {

            x = x + "数字是：" + i + "<br />";

            i++;

        }

        while (i < 10);

 

        console.log(x);

    </script>

js 中数据类型转换parseInt()和isNaN()判断是不是NaN

    <script>

        var num = 'cccc';

        num = parseInt(num);

        if (isNaN(num)) {

            alert('转换失败');

        }

        alert(num);

    </script>

 

 JS 数组删除添加修改，及遍历数组

<script>

        var arr = ['张小明', '王月', '李朋', '白玉堂'];

        //arr.pop(); //从尾部取出最后一个元素。

        //arr.push('肖林'); //从尾部添加一个元素。

        //arr.shift();  //从头部删除一个元素

        //arr.unshift('户三娘'); //从头部添加一个元素

        //var res = arr.splice(2, 1); //从第二个位置开始把元素'李朋'删除。

        //alert(res); //输出被删除的元素。

        //alert(arr); //查看被删除后的数组。

        //js在数组中查中一个元素。用indexOf(scachervalue,formindex)函数;如果indexOf方法找不到返回的是-1;有什么用。主要用于关键字的寻找

        //var res = arr.indexOf('王月');

        //alert(res);

        //alert(arr);

        //js FOR遍历数组

        /*

        for (var i = 0; i < arr.length; i++) {

            alert(arr[i]);

        }

        */

        //JS while语句遍历数组

        var i = 0;

        while (i < arr.length) {

            alert(arr[i]);

            i++;

        }

    </script>

JS 事件。onmouseover   onmouserleave  onblur  onchange

    <div style="background: blue; width: 200px; height: 200px;" onmouseover="over()" onmouseleave="leave()"></div>

    <input type="text" placeholder="email" onblur="checks()" /><br><br>

    <input type="telphone" placeholder="电话" />

    <select onchange="change()">

    <option value="1">北京</option>

    <option value='2'>上海</option>

    </select>

    <script>

        //事件 onmouseover 等鼠标滑过，触发一个事件

        function over() {

            console.log('鼠标滑过了');

        }

        //事件 onmouseleave 等鼠标移走，触发一个事件

        function leave() {

            console.log('鼠标滑走了');

        }

        //事件 onblur  等失去焦点时，触发一个事件。

        function checks() {

            alert('email不合法');

        }

        //事件 onchange 触发一个事件。

        function change() {

            alert('value改变');

        }

    </script>