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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 2-10逻辑或运算符

    ||

    var a=3;
    var b=5;
    var c;
    c=b>a ||a>b;  //b>a是true,a>b是false,c是true

    530a9d2b0001a33e03770178.jpg

    查看全部
  • 2-9逻辑与操作符

    a<b<c

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "


    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title>浏览器对象</title>  

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

     </head>

     <body>

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

      <h1>操作成功</h1>

      <p><span id="second">5</span>秒回到主页<a href="javascript:goback()">返回</p>

      <script type="text/javascript">  

     

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

    var num=5;

      function startCount(){

          document.getElementById("second").innerHTML=num;//获取id为second的span内容再插入num

           num=num-1;//倒计时

          if(num==0){

              window.location.assign("https://www.imooc.com");

          }

         setInterval("startCount()",500);

      }

      function goback(){

          window.history.back();

      }

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

       

     </script> 

    </body>

    </html>


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

    2019-06-19

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <script type="text/javascript">

      var browser_name=navigator.appName;

      var browser_version=navigator.appVersion;

      document.write("browser name is"+browser_name+"<br>");

      document.write("browser version is"+browser_version);

    </script>

    <body>

    </body>

    </html>

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

    2019-06-19

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>window对象</title>

    <script type="text/javascript">

    function openwindow(){

        alert("欢迎来到慕课网");

        let msg=prompt("请输入网址:","http://www.baidu.com");

        if(msg!=null&&msg!=""){

        window.open("http://www.imooc.com","_blink","width=600 height=400");

        }

    }

    </script>

    </head>

    <body>

    <form>

    <input type="button" value="点击我,打开新窗口"  onclick="openwindow()"/>

    </form>

    </body>

    </html>

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

    2019-06-19

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">


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

      var mydate=new Date();

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

      document.write("现在的时间是: "+time.getFullYear()+"年"+time.getMonth()+"月"+time.getDay()+"日"+week[time.getDay()]+"<br>");

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

      var sum=0;

      for(let i=0;i<score.split(";").length;i++){

            sum+=parseInt(score.split(";")[i].substring(3));

      }

      document.write("班级总分:"+ sum +" 平均分:"+ Math.round(sum/score.split(";").length));

      

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2019-06-19

  • 提取指定数目的字符substr()

    substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)

    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

    如果startPos为负数且绝对值大于字符串长度,startPos为0。


    查看全部
  • 提取字符串substring()

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

    语法:

    stringObject.substring(startPos,stopPos)

    注意:

    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。

    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。


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

    语法:

    stringObject.split(separator,limit)

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

    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法

    stringObject.indexOf(substring, startpos)

    注意:如果要检索的字符串值没有出现,则该方法返回 -1。

    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    语法:

    stringObject.charAt(index)

    注意:如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。

    查看全部
  • 字符串的属性:length(字符串的长度);

    字符串的方法:

    1. toUpperCase()(将字符串小写字母转换为大写);

    2. toLowerCase()(将字符串大写字母都变成小写);

    3. charAt()(返回指定位置的字符);

    4. indexOf()(返回指定的字符串首次出现的位置);

    5. split()(将字符串分割为字符串数组,并返回此数组);

    6. substring()(提取字符串中介于两个指定下标之间的字符);

    7. substr(startPops,length)(提取从 startPos位置开始的指定数目的字符串)

    查看全部
  • myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

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

    2019-06-19

  • new Date(); //为当前电脑系统时间

    1111

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

    2019-06-19

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

    function count(){

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

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

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

    var result=document.getElementById("fruit");

    result.value=eval(s1+t+s2);

    }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2'> 

       <input type='text' id='fruit'>

       <input type='button' value=' = ' onclick="count()"> <!--通过 = 按钮来调用创建的函数,得到结果--> 

     </body>

    </html>


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

    2019-06-19

举报

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

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