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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

    var i=0;

    while(i<mynum.length)

    {

      if(mynum[i]<60)

       {

        document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");

        break;

       }

      document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");

      i=i+1;

    }


    查看全部
    0 采集 收起 来源:退出循环break

    2018-06-27

  • var text=con[i].getAttribute("title");这里要记得con后面要加[i],先通过getElementsByTagName(“li”),获取所有元素节点即标签节点是“li”的数组集合,一共5个,把这个数组赋值给con。

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

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

    查看全部
  • 操作符之间的优先级为:

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


    查看全部
  • 文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9


    查看全部
    0 采集 收起 来源:节点属性

    2018-06-27

  • 鼠标经过事件(onmouseover)

    现实鼠标经过"确定"按钮时,触发onmouseover事件,调用函数info(),弹出消息框,代码如下:

    运行结果:


    查看全部
  • 53e198540001b66404860353.jpg

    鼠标单击事件onclick

     <form>

        <input name="点击我" type="button" value="点击我"

        onclick="openwin()" />

      </form>



    查看全部
  • 函数调用

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

      <script type="text/javascript">
        function add2()
        {
             sum = 1 + 1;
             alert(sum);
        }  add2();//调用函数,直接写函数名。</SCRIPT>

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

    <html>
    <head><script type="text/javascript">
       function add2()
       {
             sum = 5 + 6;
             alert(sum);
       }
    </script>
    </head>
    <body>
    <form>
    <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名</form>
    </body>
    </html>




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

    2018-06-27

  • 浏览器窗口可视区域大小

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


    查看全部
  • 网页尺寸scrollHeight

    scrollHeight和scrollWidth,获取网页内容高度和宽度。

    一、针对IE、Opera:

    scrollHeight 是网页内容实际高度,可以小于 clientHeight。

    二、针对NS、FF:

    scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。


    查看全部
  • offsetHeight = clientHeight + 滚动条 + 边框。

    查看全部
  • 继续循环continue

    continue的作用是仅仅跳过本次循环,而整个循环体继续执行.

    for(初始条件;判断条件;循环后条件值更新)
    {
      if(特殊情况)
      { continue; }
     循环代码
    }

    上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。


    查看全部
  • 在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    查看全部
    0 采集 收起 来源:退出循环break

    2018-06-27

  • 浏览器窗口可视区域大小

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


    查看全部

举报

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

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