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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 主要事件表:

    53e198540001b66404860353.jpg

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

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

    2018-07-17

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

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


    查看全部
  • HTML文档可以说由节点构成的集合,DOM节点有:

    1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。

    2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

    3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。


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

    2018-07-16

  • 这有个问题,【后面的45位置没有返回】

    返回的是2,就是字符串3的位置,我放一串字符串检测,只会返回第一个出现的位置,

    没有给第二个参数,然后从0的位置开始检测,一检发现了3,并且str有345,返回了第一个的位置


    查看全部
  • <p>这是普通文本 - <b>这是粗体文本</b>。</p>


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

    2018-07-16

  • getElementsByName()方法

    返回带有指定名称的节点对象的集合。

    语法:

    document.getElementsByName("name")

    与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

    记得name要加双印号

    查看全部
  • 1. var Myarr = [[0,0,0,0,0,0],[0,1,2,3,4,5],[0,2,4,6,8,10]]

    2. 

    var myarr=new Array();  //先声明一维 
    for(var i=0;i<3;i++){   //一维长度为3
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<6;j++){   //二维长度为6
       myarr[i][j]=i*j;   // 赋值,每个数组元素的值为i*j
       }
     }


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

    2018-07-16

  • 1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。

    //通过javascript的日期对象来得到当前的日期,并输出。
       var date = new Date();  // 实例化日期对象  
      var timeStr = '';//日期
      timeStr = date.getFullYear() + "年" ;  
      timeStr += date.getMonth() + 1 +"月";  
      timeStr += date.getDate()+"日";  
      var day  = date.getDay(); //星期
      var week = '';
      switch(day){
        case  0 :
            week  = '星期一';
            break;
        case  1 :
            week  = '星期二';
        break;
        case  2 :
            week  = '星期三';
            break;
        case  3 :
            week  = '星期四';
            break;
        case  4 :
            week  = '星期五';
            break;
        case  5 :
            week  = '星期六';
            break;
        case  6 :
            week  = '星期天';
            break;
      }
      timeStr += "&nbsp;"+week;
      //打印出日期
      document.write(timeStr);
     

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

    2018-07-16

  • 若返回值<=-1,升序

    若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。

     若返回值>=1,降序

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

    2018-07-16

  • Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。


    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title>  
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
     </head>
     <body>
      <!--先编写好网页布局-->
      <h1>操作成功</h1>
      <p><span id="restTime">5</span>秒后回到主页</p>
      <a href="javascript:history.go(-1)">返回</a>
      <script type="text/javascript">  
     
       //获取显示秒数的元素,通过定时器来更改秒数。
       var restTime = document.getElementById("restTime");
       var time = parseInt(restTime.innerText?restTime.innerText:restTime.textContent);
       var i = setInterval(function() {
           console.log("time = "+time);
           time -= 1;
           if(restTime.innerText) {
            restTime.innerText = time;
           }else {
            restTime.textContent = time;
           }
           if(time === 0) {
               jump();
               clearInterval(i);
           }
       }, 1000);
       //通过window的location和history对象来控制网页的跳转。
       function jump(){
           location.assign("http://www.baidu.com");
       }
     </script>
    </body>
    </html>



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

    2018-07-16

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

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

    情况1:

    元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。

    scrollWidth=clientWidth,两者皆为内容可视区的宽度。

    offsetWidth为元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg

    情况2:

    元素的内容超过可视区,滚动条出现和可用的情况下。

    scrollWidth>clientWidth。

    scrollWidth为实际内容的宽度。

    clientWidth是内容可视区的宽度。

    offsetWidth是元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0b8000135d306160362.jpg


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

        attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

        document.getElementById("clock").value = attime;

    获取时间,格式"时:分:秒"

    查看全部
  • 即使提示你年薪百万的节奏都不能急于点下一节,理解透了才行。。。。。。。提醒自己

    查看全部

举报

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

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