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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>style样式</title>

    </head>

    <body>

      <h2 id="con">I love JavaScript</H2>

      <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>

      <script type="text/javascript">

       var con = document.getElementById("con")

        con.style.color="red";

        con.style.backgroundColor="#ccc";

        function hideH(){

            con.style.display="NONE";

        }

        function showH(){

            con.style.display="";

        }


      </script>

      <input type="button" value="hide" onclick="hideH()"/>

      <input type="button" value="show" onclick="showH()"/>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:认识DOM

    2018-04-25

  • 1.设置时间从秒级别开始

    2.注意最后输出依然用最开始的变量,不要给设置后的时间保存一个新变量

    查看全部
  • 情况1: 元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。 scrollWidth=clientWidth,两者皆为内容可视区的宽度。 offsetWidth为元素的实际宽度。 http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg 情况2: 元素的内容超过可视区,滚动条出现和可用的情况下。 scrollWidth>clientWidth。 scrollWidth为实际内容的宽度。 clientWidth是内容可视区的宽度。 offsetWidth是元素的实际宽度。 

    查看全部
  • scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。
    clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。
    offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。

    查看全部
  • window.innerHeight:浏览器窗口的内部高度(包含横拉条的高度)
    Width:浏览器窗口的内部宽度(包含竖拉条的宽度)
    document.documentElement.clientHeight:HTML文档所在窗口的当前高度(不包含横拉条的高度)
    Width:HTML文档所在窗口的当前宽度(不包含竖拉条的高度)
    document.body.clientHeight:<body>标签所含内容的高度,如果没有内容则为0
    Width:HTML文档所在窗口的当前宽度减去默认的margin和padding的值后的宽度

    查看全部
  • 1.  i=setTimeout("startCount()",5000);

    script标签放在前面时,需要设置延时,否则无法运行(因为程序未扫描到body中的输入框)。

    script标签放在后面时,则不需要。

    2.  clearTimeout(i);

    每次执行函数前,要清空计时器,否则计数不是匀速执行。

    查看全部
  • retun-result
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-04-24

  • 535483720001a54506670563.jpg

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

    2018-04-24

  • 1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • a++ : 把(a++)作为一个整体表达式,a 的值虽然自增1,但是整个表达式的值是取 a自增  之前  的值;

    ++a : 也把(++a)作为一个整体表达式,a 的值也自增1,但是整个表达式的值是取 a 自增  之后  的值。

    看实例:

    m=a++ 相当于 m=a,a=a+1
    m=++a 相当于 a=a+1,m=a 这种自加运算和自减运算,都相当于两步骤

    总结: a++ 是先把 a 赋值,然后自己加一, ++a,是先自己加一,然后再把 a 赋值。

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

    2018-04-24

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

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

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


    查看全部
  • 觉得怪怪的。。。

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

    2018-04-24

  • Math对象

    Math对象,提供对数据的数学计算。

    使用 Math 的属性和方法,代码如下:

    <script type="text/javascript">   var mypi=Math.PI;    var myabs=Math.abs(-15);   document.write(mypi);   document.write(myabs); </script>

    运行结果:

    3.141592653589793 15

    注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

    Math 对象属性

    Math 对象方法


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

    2018-04-24

  • 懵逼....完全不懂  Mark

    查看全部
    1 采集 收起 来源:二维数组

    2018-04-24

  • var myarr = new Array(1,2,3,4,5);//创建数组同时赋值

    var myarr = [1,2,3,4,5];//直接输入一个数组

    查看全部

举报

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

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