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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 变量的定义

    查看全部
  • 资料卡在js部分 可以在每次点击的时候初始化所有的li和div  然后再对点击的对象进行特殊处理  第二种方法:先分别获取默认的显示和不显示的所有元素  而后如果元素被点击  则用setattribute的方法把之前显示的classname换成不显示的   点击的换成显示的   这样可以避免每次点击都进行初始化  可是需要获取的元素变多。

    查看全部
    0 采集 收起 来源:编程挑战

    2019-08-02

  • 537d6eba0001779f03840115.jpg

    <body>

      <!--先编写好网页布局-->

      <h1>操作成功</h1>

    <span id="second" >5</span>

      <span >秒后回到主页</span>

      <a href="javascript:back();">返回</a>

      

      

     

      <script type="text/javascript">  

        var num=document.getElementById("second").innerHTML;

       //获取显示秒数的元素,通过定时器来更改秒数。

      

        function count()

        {

            num--;

            document.getElementById("second").innerHTML=num;

            if(num==0)

            {

                location.assign("www.imooc.com");

            }

        }

        setInterval("count()",1000);

       //通过window的location和history对象来控制网页的跳转。

        function back()

        {

           window.history.back();

       }

       


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

    2019-08-02

  • 表格编程练习

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

    2019-08-01

  • onfocus  光标聚焦事件

    onclick 鼠标点击事件

    onmouseover 鼠标经过事件

    onmouseout 鼠标移开事件

    onblur  失焦事件

    onselect  内容选中事件

    onchange 文本框内容改变事件

    onload  加载事件

    onunload  卸载事件

    查看全部
  • 月份记得加1啦

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

    2019-08-01

  • document.getElementById("hobby"+j) 是 “hobby+j”   也就是说若果j是1 那么获取的id就是hobby1 如果j是2那么获取的id就是hobby2   这个是字符串拼接 

    查看全部
  • window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽

    1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。


    查看全部
  • 选择框的代码

    查看全部
  •  window.history.forward();返回下一个url

     window.history.back();返回上一个url

      window.history.go(1) ;返回前一个页面

       window.history.go(-1) ;返回后一个页面


    查看全部
  • 计时器

    <title>计时器</title>


    <script type="text/javascript">

      var num=0;

      var i;

      function startCount(){

        document.getElementById('count').value=num;

        num=num+1;

        i=setTimeout("startCount()",1000);

      }

      setTimeout("startCount()",1000);

      function stopCount(){

        clearTimeout(i);

      }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="count" />

        <input type="button" value="Start"  />

        <input type="button" value="Stop"   onclick="stopCount()"/>

      </form>

    </body>


    查看全部
  • 利用indexOf()获取位置值

    查看全部
  • 打开一个新窗口

    window.open("www.baidu.com.cn","_black",width="600px,height="400px");

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

    2019-07-31

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var ate=new Date();

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

      document.write(ate.getFullYear()+"年"+ate.getMonth()+"月"+ate.getDay()+"日"+WeekDay[ate.getWeekDay()]+);


      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

     var scorearr=scoreStr.split(";");


    vor score=new Array();

      //从数组中将成绩撮出来,然后求和取整,并输出。

      var sum==0;

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

          sum+=parseInt(scorearr[i].substr(sourceArr[i].indexOf(":")+1));

      }

      document.write("--班级总分为:" + sum);

       document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-07-31

  • <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.sort(sortNum));
    </script>


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

    2019-07-31

举报

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

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