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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 取消计时器clearInterval()

    clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    语法:

    clearInterval(id_of_setInterval)

    参数说明:
    id_of_setInterval:由 setInterval() 返回的 ID 值。

    每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时,停止时间,代码如下:

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript">    function clock(){       var time=new Date();                            document.getElementById("clock").value = time;    } // 每隔100毫秒调用clock函数,并将返回值赋值给i      var i=setInterval("clock()",100); </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />     <input type="button" value="Stop" onclick="clearInterval(i)"  />   </form> </body> </html>


    查看全部
  • JavaScript 计时器

    在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
    计时器类型:
    一次性计时器:仅在指定的延迟时间之后触发一次。
    间隔性触发计时器:每隔一定的时间间隔就触发一次。
    计时器方法:


    查看全部
  • window对象

    window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:


    查看全部
    0 采集 收起 来源:window对象

    2018-08-07

  • 提取指定数目的字符--------substr()

    substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)


    查看全部
  • 提取(截取)字符串   --------subString()

    stringObject.substring(startPos,stopPos)


    查看全部
  • 返回指定位置的字符

    charAt()方法可返回指定位置的字符,返回字符为1.

    语法:

    stringObject.charAt(index)


    查看全部
  • 设置或获得日期年份时,需要先获取

    var mydate=new Date(); 

    再获得年份

    var myyear=mydate.getFullYear();

    查看全部
  • 卸载事件(onunload):

    当用户退出页面时(页面关闭,页面刷新等),触发onUnload事件,同时执行 被调用的 程序。

    查看全部
  • 区别getElementByID,getElementsByName,getElementsByTagName

    以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。

    1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。

    2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。

    3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。

    把上面的例子转换到HTML中,如下:

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

    input标签就像人的类别。

    name属性就像人的姓名。

    id属性就像人的身份证。


    查看全部
  • <!DOCTYPE  HTML>
    <html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>系好安全带,准备启航</title>
    
        <script type="text/javascript">
            var mydate = new Date();
            var weekday = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
            document.write("现在是:"
                    + mydate.getFullYear() + "年"
                    + (mydate.getMonth() + 1) + "月"
                    + mydate.getDate() + "日"
                    + weekday[mydate.getDay()] + "</br>");
            //通过javascript的日期对象来得到当前的日期,并输出。
    
    
    
    
    
            //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
            var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
            var myarray = new Array();
            myarray = scoreStr.split(";");
            //取出字符串中的数字放入myelement,用sum统计总成绩。
            var myelement;
            var sum = 0;
            for(var i = 0; i < myarray.length; i++){
                document.write(myarray[i] + "</br>");
                myelement = parseInt(myarray[i].substring(3));
                sum += myelement;
            }
            //从数组中将成绩撮出来,然后求和取整,并输出。
            document.write("平均成绩:" + Math.round(sum / myarray.length));
    
    
        </script>
    </head>
    <body>
    </body>
    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2018-08-07

  • 定义一个时间对象

    var mydate=new Date();

    https://img1.sycdn.imooc.com//5b6c0c3c00018aa004160297.jpg

    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-08-09

  • js将字符串转换成数字:

    parseInt(str);

    查看全部
    0 采集 收起 来源:编程练习

    2018-08-07

  • 网页可见区域高:document.body.clientHeight
    网页正文全文高:document.body.scrollHeight
    网页可见区域高(包括边线的高):document.body.offsetHeight
    网页被卷去的高:document.body.scrollTop
    屏幕分辨率高:window.screen.height

    通常情况下,你如果要获取一个元素的真正大小,是需要对它的clientHeight和scrollHeight进行判断的,哪一个大,哪一个就是它的真实高度


    查看全部
  • 时间分类:

    https://img1.sycdn.imooc.com//5b6947ae0001eb6304860353.jpg

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

    2018-08-07

  • var myarr=new Array(); 

    查看全部

举报

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

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