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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 事件:
    onClick()
    onmouseover()鼠标经过
    onmouseout()鼠标移开
    onchange()文本框内容改变事件
    onselect()文本框内容被选中事件
    onfocus()光标聚集    onblur()光标离开   onload()网页导入   onunload()关闭网页


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

    2019-02-10

  • 1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器)

    2. 不同浏览器,时间格式有差异。


    查看全部
  • 对象:属性和方法

    访问对象属性的语法:

    objectName.propertyName

    访问对象的方法:

    objectName.methodName

    String 对象属性

    属性描述
    constructor对创建该对象的函数的引用
    length字符串的长度
    prototype允许您向对象添加属性和方法


    String 对象方法

    方法描述
    charAt()返回在指定位置的字符。
    charCodeAt()返回在指定的位置的字符的 Unicode 编码。
    concat()连接两个或更多字符串,并返回新的字符串。
    fromCharCode()将 Unicode 编码转为字符。
    indexOf()返回某个指定的字符串值在字符串中首次出现的位置。
    includes()查找字符串中是否包含指定的子字符串。
    lastIndexOf()从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。
    match()查找找到一个或多个正则表达式的匹配。
    repeat()复制字符串指定次数,并将它们连接在一起返回。
    replace()在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
    search()查找与正则表达式相匹配的值。
    slice()提取字符串的片断,并在新的字符串中返回被提取的部分。
    split()把字符串分割为字符串数组。
    startsWith()查看字符串是否以指定的子字符串开头。
    substr()从起始索引号提取字符串中指定数目的字符。
    substring()提取字符串中两个指定的索引号之间的字符。
    toLowerCase()把字符串转换为小写。
    toUpperCase()把字符串转换为大写。
    trim()去除字符串两边的空白
    toLocaleLowerCase()根据本地主机的语言环境把字符串转换为小写。
    toLocaleUpperCase()根据本地主机的语言环境把字符串转换为大写。
    valueOf()返回某个字符串对象的原始值。
    toString()返回一个字符串。


    查看全部
    0 采集 收起 来源:什么是对象

    2019-02-10

  • 计算过程不正确,总是会计算混乱。

    原因是在switch函数里的每一个case的后面没有写入break

    parseInt()函数会解析整数    

    parseFloat()函数解析浮点数


    三个全局变量:

    Infinity:代表正的无穷大的数值。

    NaN:表示某个值不是数字值。

    undefined:指示未定义的值。

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

    2019-02-10

  • 如图所示::https://img1.sycdn.imooc.com//5c5ed638000160fb11120758.jpg

    查看全部
  • 6-11    如图

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

    2019-02-09

  • 6-7     选中一部分文字也会触发函数

    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
        //获取第一个输入框的值
        var txt1 = document.getElementById("txt1").value;
        //获取第二个输入框的值
        var txt2 = document.getElementById("txt2").value;
        //获取选择框的值
        var select = document.getElementById("select").value;
        //获取通过下拉框来选择的值来改变加减乘除的运算法则
        var sum;
        txt1=parseInt(txt1);
        txt2=parseInt(txt2);
        switch(select){
            case "+":
               sum=txt1+txt2;
               break;
            case "-":
                sum=txt1-txt2;
                break;
            case "*":
                sum=txt1*txt2;
                break;
            case "/":
                sum=txt1/txt2;
                break;
        }
        //设置结果输入框的值
        document.getElementById("fruit").value=sum;
       }
      </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='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
       <input type='text' id='fruit' />   
     </body>
    </html>

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

    2019-02-08

  • 赋值:document.getElementById(“id”).value = sum; 

    取值:var sum = document.getElementById(“id”).value;

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

    2019-02-08

  • for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • <script type="text/javascript">

    //定义函数
    function app(x,y){
        
        //函数体,判断两个整数比较的三种情况
        if(x>y){
            return x;
        }
        else if(x<y){
            return y;
        }
        else if(x=y){
            return x,y;
        }
        else{
            return "same";
        }
    }


    //调用函数,实现下面两组数中,返回较大值。
      document.write(" 5 和 4 的较大值是:"+app(5,14)+"<br>");
      document.write(" 6 和 3 的较大值是:"+app(16,3)+"<br/>");
      document.write(" 5 和 5 的值是相等:"+app(15,15));

    </script>

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

    2019-02-08

  • <script type="text/javascript">
      function  app2(x,y)
      { var sum,x,y;
        sum = x * y;
        return sum;
      }
      var req1=app2(5,6);
      var req2=app2(2,3);
     

    document.write("req1的值:"+req1+"<br/>");
    document.write("req2的值:"+req2+"<br/>");
    document.write(req1+"与"+req2+"和:"+sumq);
    </script>

    查看全部
    0 采集 收起 来源:返回值的函数

    2019-02-08

  • 节点属性

    在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

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

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


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

    2019-02-07

  •  //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var infos = [

             ['小A','女','21','大一'],

             ['小B','男','23','大三'],

             ['小C','男','24','大四'],

             ['小D','女','21','大一'],

             ['小E','女','22','大四'],

             ['小F','男','21','大一'],

             ['小G','女','22','大二'],

             ['小H','女','20','大三'],

             ['小I','女','20','大一'],

             ['小J','男','20','大三']

         ];

     

     //第一次筛选,找出都是大一的信息

     for(var i = 0;i < infos.length;i++){   /*遍历infos函数里面的值*/

        判断infos函数,参数为[i],下标[3]等于'大一',并且infos的下标[1]等于'女'

         if(infos[i][3]==="大一"&&infos[i][1]==="女"){

             符合条件的在页面打印出来infos函数,参数[i]用来保存数据,并且换行打印

             document.write(infos[i][0]+"<br/>");

         }

     }


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

    2019-02-07

  • 注意:方法区分大小写


    查看全部

举报

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

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