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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •  var num=0;
    setInterval(  function() {
        document.getElementById('count').value=num;
        num=num+1;
    },1000)

    查看全部
  • 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

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

      var mydate=new Date();

      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

                     //0      1        2         3        4        5         6

      //设置一个数组编排自己需要的

      var muyym = mydate.getDay()

      //获取到变量mydate的时间和日期

      document.write("今天是:" + weekday[muyym]//通过编排好的数组 获取到变量星期的数值,然后按照底标输出相应的位置 );

    </script>

      //设置一个数组编排自己需要的

      var muyym = mydate.getDay()

      //获取到变量mydate的时间和日期

      document.write("今天是:" + weekday[muyym]//通过编排好的数组 获取到变量星期的数值,然后按照底标输出相应的位置 );


    查看全部
    0 采集 收起 来源:返回星期方法

    2019-01-22

  • var mydate=new Date(获取电脑的时间与年份地区); 

    var myyear=  mydate.getFullYear(年份)  ;

    document.write("年份:"+myyear);


    查看全部
  • var Udate=new Date();

    获取当前电脑的时间和日期

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

    2019-01-22

  •    function count(){

           var a = document.getElementById("txt1").value;

           //获得第一个参数,getElementById()方法可返回对拥有指定 ID 的第一个对象的引用,.value是取值 要元素有value的时候才可以使用,没有的需要使用另外一种方法(.innerHTML).

           var b = document.getElementById("txt2").value;

           var c = document.getElementById("select").value;

           var d = "";

           // 这个变量是和,定为空值

           switch(c){

               case '+':

           d = a+b;

           d = parseInt(a)+parseInt(b);

           //貌似加法计算会变成字符串

               break;

               case '-':

           d = a-b;

               break;

               case '*':

           d = a*b;

               break;

               default:

           d = a/b;

           }

           //获取变量C的符号选择项,并为他们放置公式

           document.getElementById("fruit").value = d

           //返回计算好的值回到d这个变量上

           

       }


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

    2019-01-22

  • 将数组中的元素当作字符串,按照ASCII码(可能是Unicode)的顺序进行排序,且为从小到大。

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

    2019-01-22

  • 插入节点insertBefore()

    <script type="text/javascript">


      var otest = document.getElementById("test");  

      var newnode=document.createElement("li"); 

      newnode.innerHTML="php";

      otest.insertBefore(newnode,otest.childNodes[1]);[1】指定插入的位置

      

      

      

      

    </script> 


    查看全部
  • 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。

    语法:

    nodeObject.nextSibling

    2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)上一个节点

    语法:

    nodeObject.previousSibling


    查看全部
    0 采集 收起 来源:访问兄弟节点

    2019-01-22

  • 关于parentNode

    起点是<li id="tcon"> 基础语法</li>,终点是<ul id="con">

    第一个parentNode找到 <ul> ,第二个parentNode找到<li id="lesson1">,第三个parentNode找到<ul id="con">。

    ul 是无序列表,li 则表示每个列表项,是包含关系。这里,是在li 中又嵌套了一个列表。


    查看全部
  • 常见的节点分五种:

    1:元素,Element;

    2:属性,Attribute;

    3:文本,Text;

    8:注释,Comment;

    9:文档,Document。

    更多的参见:http://www.w3school.com.cn/jsref/prop_node_nodetype.asp


    文档就是 DOM 树的根节点(其实就是 <html></html>),剩下所有节点都包含在文档里。


    元素就是一个个标签了,<p><div> 什么的。


    属性是元素里的,<p id="id" name="name"> 这种的。


    文本是元素或属性中的文本内容,<p id="我是文本">我也是文本</p> 这种。


    查看全部
  •  var stuArr = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']];
    for (var i = 0; i < stuArr.length; i++) {
    if (stuArr[i][3] == "大一") {
    if (stuArr[i][1] == "女") {
    document.write(stuArr[i]);
    }
    }
    }
    }


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

    2019-01-21

  • var myweek =4;//myweek表示星期几变量

    switch(myweek)

    {

     case 1:

     case 2:

     document.write("学习理念知识");

     break;

     case 3:

     case 4:

     document.write("到企业实践");

     break;

     case 5:

     document.write("总结经验");

     break;

     case 6:

     case 7:

     document.write("周六、日休息和娱乐");

     default:

     document.write("输入错误");

    }


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var arr = ["*","##","***","&&","****","##*"];

     arr[7] = "**";

     

     //显示数组长度

     alert(arr.length);

     

     //将数组内容输出,完成达到的效果。

        document.write(arr[0]+"<br>");

        document.write(arr[7]+"<br>");

        document.write(arr[2]+"<br>");

        document.write(arr[4]+"<br>");

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-01-21

  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>数组</title>
    <script type="text/javascript">
     //创建数组
     var arr=['*','##','***','&&','****','##*'];
        arr[7]="**";
     //显示数组长度
     document.write("");
     //alert(arr.length);
      //将数组内容输出,完成达到的效果。
     
    for(var i=0;i<arr.length;i++){
        if(arr[i]=='*'){
            document.write(arr[i]+"<br>");
        }
        else if(arr[i]=='##'){
            arr[i]='**';
             document.write(arr[i]+"<br>");
        }
        else if(arr[i]=='***'){
            document.write(arr[i]+"<br>");
        }
        else if(arr[i]=='****')
        {
            document.write(arr[i]+"<br>");
        }
    }

    </script>
    </head>
    <body>
    </body>
    </html>

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

    2019-01-20

举报

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

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