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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 在java中String类的对象获得长度的函数是length(),注意它是String的一个方法,而不是属性。

    在js中就不一样了,length是一个属性,可能因为js崇尚简单编程吧,而且length又是一个经常用到的东西,所以做成属性更加符合性能优化原则。

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

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

    注意:不同浏览器对onunload事件支持不同

    <script type="text/javascript">   

         window.onunload = onunload_message;   

         function onunload_message(){   

            alert("您确定离开该网页吗?");   

        }   

    </script>


    查看全部

  • 主要事件函数


    53e198540001b66404860353.jpg

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

    2018-07-07

  •   // 在此完成该函数

      

      //法一,一次性清除节点内容

      for(var i=0;i<content.childNodes.length;i++){

          if(content.childNodes[i].nodeType!=1){   

             continue;  

          }else{

             content.removeChild(content.childNodes[i]);    

          }

             

          }


      //法二,一次性清除节点内容

    /*   

       for(var i=content.childNodes.length-1;i>=0;i--){

          var chnode=content.childNodes[i];

          content.removeChild(chnode);  

       }

    */ 


      //法三,多次方清除节点内容

    /*

       for(var i=0;i<content.childNodes.length;i++){

        var chnode=content.childNodes[i];

        content.removeChild(chnode);  

      }

    */

    查看全部
  • 关于边框覆盖问题

    可以使用z-index,margin-bottom和border-bottom三个属性来联合实现。

    • 设置 li 的border-bottom为none,这样 li 的底部就不会显现;

    • 设置div#news1的margin-bottom的值为-2px,使ul和div#news1的底边和顶边相互接触;

    • 设置div#news1的z-index为负值,这样div#news1就叠放在ul下面。 li 的底边就覆盖掉了和div#news1的顶边相接处的部分。


    查看全部
  • window.open属性问题

    toolbar工具栏

    menubar菜单栏

    scrollbars滚动条

    status状态栏


    onlick属于触发事件,它是通过调用JS中的函数来实现这个点击事件.   另外HTML种主要是标签,JS中则基本是写函数


    查看全部
  • 常用事件


    onclick 鼠标单击事件

    onmouseover 鼠标经过事件

    onmouseout 鼠标移开事件

    onchange 文本框改变事件

    onselect 文本框内容被选中事件

    onfocus 光标聚集

    onblur 光标离开

    onload 网页导入

    onunload 关闭网页


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

    2018-07-07

  • 任务第一步

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

    2018-07-07

  • 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.firstChild

    说明:与elementNode.childNodes[0]是同样的效果。 

    二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.lastChild

    说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 


    查看全部
  • 1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

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

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

    2018-07-07

  • elementNode.setAttribute(name,value)


    查看全部
  • parseInt是取整数

    slice是截取数组其中某一段

    使用for语句来循环数组以方便求和

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

    2018-07-06

  • 光标聚焦和光标移除

    这个同学代码特别好,选中之后变为粉色,移除焦点变为无颜色.

    <!DOCTYPE HTML>

    <head>

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

    <title> 光标聚焦事件 </title>

      <script type="text/javascript">

        function message(){

    var new2=document.getElementById("new1");

         new2.style.backgroundColor="pink";

    }

        function message1(){

            var new3=document.getElementById("new1");

           // new3.style.backgroundColor="purple";

           new3.removeAttribute("style");

        }

      </script>

    </head>

    <body>

    请选择您的职业:<br>

      <form>

        <select name="career" onfocus="message()" onblur="message1()" id="new1"> 

          <option>学生</option> 

          <option>教师</option> 

          <option>工程师</option> 

          <option>演员</option> 

          <option>会计</option> 

        </select> 

      </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>定义函数</title>

    <script type="text/javascript">

        function sub(){

            var pro1=prompt("请输入数字","");

            var pro2=prompt("请输入数字","");

            var pro3=prompt("","-");

            var prto=parseInt(pro1);

            var prot=parseInt(pro2);

            if(pro3=="-"){

                var sum=pro1-pro2;

                document.write(pro1+"和"+pro2+"的差是"+"="+sum);

            }

        }

    </script>

    </head>

    <body>

    <form>

       <input type="button" value="点击" onclick="sub()"/>

    </form>

    </body>

    </html>


    查看全部
    1 采集 收起 来源:定义函数

    2018-07-06

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

    格式如下:

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

    当遇到特殊情况的时候,循环就会立即结束。


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

    2018-07-05

举报

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

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