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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • clientWidth不包括滚动条,window.innerWidth包括滚动条。



    浏览器窗口可视区域大小

    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

    •  window.innerHeight - 浏览器窗口的内部高度

    •  window.innerWidth - 浏览器窗口的内部宽度

    二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

    在不同浏览器都实用的 JavaScript 方案:

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


    查看全部
  • 团里添加新成员(向数组增加一个新元素)

    只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。

    myarray[5]=88; //使用一个新索引,为数组增加一个新元素


    查看全部
  • 布尔值:false(表错误)

                  true (表正确)

    查看全部
  • 加引号代表数据为字符串,而数值或者布尔值不用加引号。new Array();括号内单个数字时代表约定这个新数组的长度为xx,大于等于2个数字时,代表直接赋值。

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

     var myarr=new Array(); //定义数组

     myarr[0]=80; 

     myarr[1]=60;

     myarr[2]=99;

     document.write("第一个人的成绩是:"+myarr[0]);

     document.write("第二个人的成绩是:"+myarr[1]);

     document.write("第三个人的成绩是:"+myarr[2]);

    </script>


    查看全部
  • 因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次。而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式。所以,完全是不一样的

    查看全部
  • var myarr=new Array(); //定义数组

    52c9ff5c0001085a05460266.jpg

    查看全部
  • 是非颠倒符

    "!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。好比小华今天买了一个杯子,小明说:"杯子是白色的",小亮说:“杯子是红色的”,小华说:"小明说的不是真话,小亮说的不是假话"。猜猜小华买的什么颜色的杯子,答案:红色杯子。

    逻辑非操作符值表:


    查看全部
  • var a = 5;//定义a变量,赋值为5var b = 9; //定义b变量,赋值为9document.write (a<b); //a小于b的值吗? 结果是真(true)document.write (a>=b); //a大于或等于b的值吗? 结果是假(false)document.write (a!=b); //a不等于b的值吗? 结果是真(true)document.write (a==b); //a等于b的值吗? 结果是假(false)


    查看全部
  • indow对象

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

    window对象方法:


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

    2018-07-17

  • var num=0,i;

    声明了2个变量num和i,num的默认值为0;

    等价var num;

          var i;

          num=0;


    查看全部
  • 提示:parseInt() 字符串类型转成整型。


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

    2018-07-17

  • alert中用\n换行  不是/n

    查看全部
  • 数组排序sort()

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

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    2.按照数值的大小对数字进行排序,就必须使用一个排序函数,代码如下:

    <script type="text/javascript">
      function sortNum(a,b) {
      return a - b;
     //升序,如降序,把“a - b”该成“b - a”
    }
     var myarr = new Array("80","16","50","6","100","1");
      document.write(myarr + "<br>");
      document.write(myarr.sort(sortNum));
    </script>


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

    2018-07-17

  • onclick 鼠标单击事件

    onmouseover 鼠标经过事件

    onmouseout鼠标移开事件

    onchange 文本框内容改变事件

    onselect 文本框内容被选中事件

    onfocus 光标聚集

    onblur 光标离开

    onload 网页 导入

    onunload关闭网页

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

    2018-07-17

举报

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

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