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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>
      <p id="intro">我的课程</p> 
      <ul> 
        <li title="JS">JavaScript</li> 
        <li title="JQ">JQuery</li> 
        <li title="">HTML/CSS</li> 
        <li title="JAVA">JAVA</li> 
        <li title="">PHP</li> 
      </ul> 
      <h1>以下为li列表title的值,当title为空时,新设置值为"WEB前端技术":</h1>
    <script type="text/javascript">
      var Lists=document.getElementsByTagName("li");
      for (var i=0; i<Lists.length;i++)
      {
      var  text = Lists[i].getAttribute("title")
        document.write(text +"<br>");
        if(text=="")
        {
        // Lists[i].setAttribute("title","web前端技术");
        Lists[i].setAttribute("title",Lists[i].innerHTML);
        document.write(Lists[i].getAttribute("title")+"<br>");
        }
      }
    </script>
    </body>
    </html>


    //给元素设置属性并赋值

    查看全部
  • sort()方法使数组元素按照一定的顺序排序。

    方法:arrayobject(方法函数);

    注意:函数方法中:返回值为小等于于-1的值,为降序。

    若在-1到1之间:相同顺序

    若大于1的值,为升序。

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

    2018-05-26

  • slice()方法可从已有的数组中返回选定的元素。

    语法:arrayobject.slice(start,end)

    start:必需,规定从何处开始选取。如果为负数,那就从末尾开始算起,

    end:可选,从何处结束选取。

    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-05-26

  • join()方法用于把所有的元素放进一个字符串,元素是通过指定的分割符进行分割的。

    语法:stringobject。join();

    注意:如果省略,将以逗号为分隔符。

    查看全部
  • random()方法可返回介于0~1之间的一个随机数。

    Math。random();

    查看全部
    0 采集 收起 来源:随机数 random()

    2018-05-26

  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
            <title>无标题文档</title>
        </head>
       
        <body>
            <form>
              请选择你爱好:<br>
              <input type="checkbox" name="hobby" id="hobby1">  音乐
              <input type="checkbox" name="hobby" id="hobby2">  登山
              <input type="checkbox" name="hobby" id="hobby3">  游泳
              <input type="checkbox" name="hobby" id="hobby4">  阅读
              <input type="checkbox" name="hobby" id="hobby5">  打球
              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>
              <input type="button" value = "全选" onclick = "checkall();">
              <input type="button" value = "全不选" onclick = "clearall();">
              <p>请输入您要选择爱好的序号,序号为1-6:</p>
              <input id="wb" name="wb" type="text" >
              <input name="ok" type="button" value="确定" onclick = "checkone();">
            </form>
            <script type="text/javascript">
            function checkall(){
                var hobby = document.getElementsByTagName("input");
              
              for(var i=0;i<hobby.length;i++){
                  if(hobby[i].type=="checkbox"){
                      hobby[i].checked=true;
                     
                  }
              }
              
            }
            function clearall(){
                var hobby = document.getElementsByName("hobby");
               
             // 任务2 
            
             for(var k=0;k<hobby.length;k++){
                hobby[k].checked=false;
             }  
            }
           
            function checkone(){
                var j=document.getElementById("wb").value;
           
             // 任务3
             var aaa = document.getElementsByName("hobby");
            aaa[j-1].checked = true;
            }
           
            </script>
        </body>
    </html>


    //复选框的选与不选问题

    查看全部
  • round()方法对一个数字进行四舍五入为接近的整数。

    语法:Math.round(x);

    注意:数值去最接近+无穷方向的数字值。

    查看全部
    0 采集 收起 来源:四舍五入round()

    2018-05-26

  • floor()方法对一个数进行向下取整。Math.floor(x)

    注意:返回的是小于或等于x,并且与x最接近的整数。

    查看全部
    0 采集 收起 来源:向下取整floor()

    2018-05-26

  • ceil():方法可对一个数进行向上取整。Math.ceil(x)

    它返回的是大于或等于x,并且与x最接近的整数。

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-05-26

  • Math对象,提供对数据的数字计算。Math对象不用创建,是一个固有对象,无需创建它,直接把Math作为对象使用就可以调用其所有属性和方法。

    如:pow(x,,y)x的y次幂。 sqrt(x) x的平方。

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

    2018-05-26

  • substring():方法用于提取字符串中介与两个指定下标之间的字符。

    语法:stringobject.substring(startpos,stoppos)

    参数说明:startpos:必需,一个非负的整数,开始位置。

    stopPos:可选,结束位置,如果省略该参数,那么将返回的字符会一直到字符串对象的结尾。

    查看全部
  • split()方法将字符串分割为字符串数组,并返回此数组

    语法:StringObject.split(separator,limit)

    separaotr:必需,从该参数指定的地方分割StringObject.

    limit:可选参数,分割的次数。

    注意:如果把字符串("")用作separator,那么StringObject中的每个字符之间都会被分割。








































    查看全部
  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号

    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    查看全部
  • 日期对象及方法

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

    2018-05-25

举报

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

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