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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 段友看到请点赞

    查看全部
  • 语法

    stringObject.indexOf(substring, startpos)

    //字符串对象.indexOf("子字符", 起始位置)

    注意:子字符须加双引号


    document.write(  str.indexOf("a", str.indexOf("a")+2) );

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


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

    2018-12-11

  • 关于二维数组https://img1.sycdn.imooc.com//5c0f552a000170c603830504.jpg

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

    2018-12-11

  • “=” 操作符是赋值,不是等于。

    “+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>获得星期 </title>
    <script type="text/javascript">
     var mydate=new Date();//定义日期对象
     var weekday=["星期日","星期一","星期二",
     "星期三","星期四","星期五","星期六"];//
     定义数组对象,给每个数组项赋值
     var n=mydate.getDay();//返回值存储在n 中
     document.write("今天是:"+weekday[n]);
     </script>
     </head>
     <body>
     </body>
     </html>


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

    2018-12-11

  • <script>
    var mydate=new Date();
    document.write("当前时间:"+mydate+"<br>");
    document.write("当前年份:"+mydate.getFullYear()+"年"+"<br>");
    mydate.setFullYear(2025);
    document.write(mydate+"<br>");
    </script>


    查看全部
  • 11111

    查看全部
  • setAttribute()方法

    setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    语法:

    elementNode.setAttribute(name,value)


    说明:

    1.name: 要设置的属性名。

    2.value: 要设置的属性值。

    注意:

    1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

    2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。



    查看全部
  • 通过元素节点的属性名称获取属性的值。

    语法:

    elementNode.getAttribute(name)

    说明:

    1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

    2. name:要想查询的元素节点的属性名字


    代码:

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>节点属性</title>
    </head>
    <body>
      <ul>
         <li  name="属性节点1">javascript</li>
         <li  name="属性节点2">HTML/CSS</li>
         <li  name="属性节点3">jQuery</li>  
      </ul>  <script type="text/javascript">     //childNodes[0]:0代表父节点下面的第一序列子节点   var arr=document.getElementsByTagName("li");   for(var i=0;i<arr.length;i++){    // 获取元素节点的nodeName,nodeValue,nodeType    document.write("获取元素节点的nodeName,nodeValue,nodeType:"+"<br/>");    document.write("元素节点的名称:"+arr[i].nodeName.toLowerCase()+"<br/>");    document.write("元素节点的值:"+arr[i].nodeValue+"<br/>");    document.write("元素节点的类型"+arr[i].nodeType+"<br/>");    document.write("==============="+"<br/>");        // 获取文本节点的nodeName,nodeValue,nodeType    document.write("获取文本节点的nodeName,nodeValue,nodeType:"+"<br/>");    document.write("文本节点的名称:"+arr[i].childNodes[0].nodeName+"<br/>");    document.write("文本节点的值:"+arr[i].childNodes[0].nodeValue+"<br/>");    document.write("文本节点的类型:"+arr[i].childNodes[0].nodeType+"<br/>");    document.write("==============="+"<br/>");        // 获取属性节点的nodeName,nodeValue,nodeType    document.write("获取属性节点的nodeName,nodeValue,nodeType:"+"<br/>");    document.write("获取属性节点名称:"+arr[i].getAttributeNode("name").nodeName+"<br/>"+"获取属性节点的值:"+arr[i].getAttributeNode("name").nodeValue+"<br/>"+"获取属性节点的类型:"+arr[i].getAttributeNode("name").nodeType+"<br/>");    document.write("==============="+"<br/>");      }      </script></body></html>


    查看全部
  • 注意:

    如果是在html中内嵌js代码,一定要注意js代码放的位置。

    1. 如果内嵌js放置在html之前,那么,最好写将js内容写到window.onload = function(){}里面,否则,js编写的代码将会失效

    2. 如果内嵌js放置在html之后,则不用写  onload,即可执行。

    3. 动态点击事件(代码如下):

      (function changeTab(){

      for(i=0;i<length;i++){

      event[i].onclick = eventFuction;

      }

      })()


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

    2018-12-10

  • getElementsByTagName(Tagname)

    返回指定标签名的节点对象的集合,返回元素的顺序是它们在文档中的顺序,如p,a,img等

    也可用length属性

    var my=getElementsByTagName("p");

    查看全部
  • getElementsByName(name)

    返回带有指定名称的节点对象的集合,name属性可能不唯一,所以此方法返回的是元素的数组,而不是一个元素

    有length属性,从0开始

    查看全部
  • 对设置的标签的内容进行修改

    <h2 id="con">I love</h2>

    var mychar=document.getElementById("con");

    mychar.style.color="red";//颜色为红色

    mychar.style.backgroundColor="#ccc";//背景颜色为灰色

    mychar.style.display="none";//表示实现隐藏block表示显示出来。

    查看全部
    0 采集 收起 来源:认识DOM

    2018-12-10

  • string.substr(start,lenght)从start提取指定单位长度

    查看全部

举报

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

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