为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 失焦事件(onblur)

    onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

    查看全部
  • 光标聚焦事件(onfocus)

    当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。

    查看全部
  • 鼠标移开事件(onmouseout)

    鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。

    查看全部
  • 鼠标经过事件(onmouseover)

    鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。

    查看全部
  • 鼠标单击事件( onclick )

    onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。

    查看全部
  • onclick:鼠标点击事件

    onmouseover:鼠标经过事件

    onmouseout:鼠标移开事件

    onchange:文本框内容改变事件

    onselect:文本框内容被选中时间

    onfoucs:光标聚集

    onblur:光标离开

    onload:网页导入

    onunload:关闭网页

    查看全部
    0 采集 收起 来源:什么是事件

    2019-08-21

  • 函数调用

    第一种情况:在<script>标签内调用。

    第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    查看全部
    0 采集 收起 来源:函数调用

    2019-08-21

  • function  函数名( ){
         函数体;
    }

    function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。

    查看全部
    0 采集 收起 来源:定义函数

    2019-08-21

  • <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>无标题文档</title>

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

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

                    if(hobby[i].type=="checkbox"){

                        hobby[i].checked=true;

                    }

                }

              // 任务1 

               

            }

            function clearall(){

                var hobby = document.getElementsByName("hobby");  

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

                        hobby[i].checked=false;

                }

             // 任务2           

            }

            

            function checkone(){

                var j=document.getElementById("wb").value;

                var hobby = document.getElementsByName("hobby");  

                checkNum=parseInt(j)-1;

                if(checkNum<0||checkNum>=6){ //防止数组越界

                    alert("输入有误");

                }

                else hobby[checkNum].checked=true;

             // 任务3

            }

            

            </script>

        </body>

    </html>


    查看全部
  •  操作符的含义

    查看全部
  • do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

    do...while语句结构:

    do{
        循环语句
     }while(判断条件)


    查看全部
  • while语句结构:

    while(判断条件){
        循环语句
     }


    查看全部
  • "ceil" 是向上取整,不是四舍五入。

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2019-08-21

  • for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • 语法说明:

    Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。


    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!