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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 创建数组语法:

         var myarr=my Array();  //指定一个空数组存储到变量myarr变量中


    指定长度的数组:

          var myarr=my Array(5);  //创建数组,存储长度为5的数据

    备注:虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。


    查看全部
  • 一个变量只能存储一个值,但是用数组的话可以存储多个值,避免要记住多个变量。

    数组默认是从下标0开始。    

    查看全部
  • <script type="text/javascript">

    var w=document.documentElement.clientWidth||document.body.clientWidth;

    var h=document.documentElement.clientHeight||document.body.clientHeight;

    document.write(w+"*"+h+"<br>")

    //||逻辑或,兼容方案

    var w=document.documentElement.clientHeight;

    var h=document.documentElement.clientWidth;

    document.write(w+"*"+h+"<br>")

    //对于 Internet Explorer 8、7、6、5

    var w=window.innerWidth;

    var h=window.innerHeight;

    document.write(w+"*"+h+"<br>")

    //对于IE9+、Chrome、Firefox、Opera 以及 Safari

    var w=document.body.clientWidth;

    var h=document.body.clientHeight;

    //对于 Internet Explorer 8、7、6、5

    document.write(w+"*"+h)

    </script>


    查看全部
  • getElementById,提前定义的id,精确到某个元素的获取;

    getElementByName,数组所有元素的获取;用下标指向可精确到某个元素,例如getElementByName(“i”)[0]下标为0的元素;

    getElementsByTagName,数组所有元素的读取,类似getElementsByName,但IE不支持getElementsByName,一般用getElementById较多;

    createElement(“i”);创建元素i


    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>  
     </head>
     <body>
      <h1> 操作成功</h1>
      <p id="1" ><strong id="count" >5</strong>秒后回到首页</p><a href="javascript:back();">首页</a>
     
     
      <script type="text/javascript"> 
        var num=4;
        var i=setInterval(count,1000);
        function count(){
            if(num>0){
            document.getElementById("count").innerHTML=num;
            num--;
            }
            else {
            clearInterval(i);
            window.open("www.imooc.com");
            }
        }
       
       //获取显示秒数的元素,通过定时器来更改秒数。
       function back(){
           window.history.go(-1);
       }

       //通过window的location和history对象来控制网页的跳转。
      
     </script>
    </body>
    </html>


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

    2018-10-01

  • Array[2] = 6 ; Array数组对象,前面是用法

    concat(), 连接两个或多个数组,并返回数组

    join(), 把数组的所有元素放入一个字符串,并通过指定的分隔符进行分隔

    pop(), 删除并返回数组的最后一个元素

    push(), 像数组的末尾添加一个或者更多元素,并返回新的长度

    reverse(), 颠倒数组中元素的顺序

    shift(), 删除并返回数组的第一个元素

    slice(), 从某个已有的数组返回某个选定的元素

    sort(), 对数组的元素进行排序

    splice(), 删除元素并向数组添加新元素

    toSource(), 返回该对象的源代码

    toString(), 把数组转化为字符串,并返回结果

    toLocaleString(), 把数组转换为本地数组,并返回结果

    unshift(), 向数组的开头添加一个或更多元素,并返回新的长度

    valueOf(), 返回数组对象的原始值


    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-09-30

  • 空格算一个不打印字符,下标从0开始,字符串中空格也占一个下标,但多个半角空格也只占一个下标

    查看全部
  • get/setDate() 返回/设置日期

    get/setFullYear() 返回/设置年份,用四位数表示

    get/setYeal() 返回/设置年份

    fet/setMonth() 返回/设置月份,0:一月,以此类推

    get/setHours() 返回/设置小时,24小时制

    get/setMinutes() 返回/设置分钟

    get/setSeconds() 返回/设置秒钟

    get/setTime() 返回/设置时间(单位为毫秒)


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

    2018-09-30

  • onclick 鼠标单击事件

    onmouseover 鼠标经过事件

    onmouseout 鼠标移开事件

    onchange 文本框内容改变事件

    onselect 文本框被选中事件

    onfoucus 光标聚集

    onblur 光标离开

    onload 网页导入

    onunload 关闭网页


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

    2018-09-30

  • History 对象

    history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法

    使用length属性,当前窗口的浏览历史总长度,代码如下:

    <script type="text/javascript">   var HL = window.history.length;   document.write(HL); </script>


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

    2018-09-30

  • sort()方法使数组中的元素按照一定的顺序排列。

    当前方法使用的时候要有一个前提条件 设定一个函数返回(return)大小的关系 列如

    function sortNum(a,b) {

          return a-b;  

       }


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-09-30

  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • "!"是逻辑非操作符,也就是"不是"的意思

    查看全部
  • slice() 方法可从已有的数组中返回选定的元素

    slice(start,end)方法用于从数组中选出元素

    注意:1.start必要,开始位置,包含

              2.end不必要,结束位置,不包含

               3.返回一个新数组,不会改变原数组

               4.若start,end是负数,表示从数组尾部开始计数,-1表示倒数第一个数组,-2表示倒数第二个数组。。。。


    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-09-30

  • 逻辑或操作符  ||

    例子: c=b>a || a>b

    注意:如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。

    查看全部

举报

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

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