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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 使用对象前得先定义

    var objectName =new Array();

    或者

    var objectName = [];

    访问对象属性的语法

    objectName.propertyName

    如使用Array对象的length属性来获取数组的长度;

    var myarray = new Array(6);//定义数组对象

    var myarray.length;//访问数组长度length属性



    如使用string对象toUpperCase()方法将文本转换成大写:

    var mystr = "Hello  world";//创建一个字符串

    var request = mystr.toUpperCase();//使用字符串对象方法

    var mystr = "Hello world";

    var request = mystr.toupperCase();



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

    2019-04-13

  • 表单的提交 Submit

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

    2019-04-13

  • <!DOCTYPE html>

    <html>

    <head>

    <title>事件</title>

    <script type="text/javascript">

    function count(){

        var num1 = document.getElementById("txt1").value;//获取覅一个输入框的值

    var num2 = document.getElementById("txt2").value;//获取第二个输入框 的值

    var num3 = document.getElementById("txt3").value;//设置结果输入框的值

    var result;

    switch(num3){

        case "+":

            result = parseFloat(num1)+parseFloat(num2);

            break;

            case "-":   

            result = parseFloat(num1)-parseFloat(num2);

              break;

            case "*":

                 result = parseFloat(num1)*parseFloat(num2)

           break;  

        case "/":

            result = parseFloat(num1)/parseFloat(num2)  

            break;

    }

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

    }

    </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 = 'friut' / ></body>


    </html>

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

    2019-04-13

  • 529c07c000014f5103080447.jpg关键字和保留字

    查看全部
  • new Date()之后对象的方法

    555c650d0001ae7b04180297.jpg

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

    2019-04-12

  • 顾名思义,document.body.clientHeight的高度,是body的高度,如果没东西,就是0

    document.documentElement.clientHeight就是窗口当前高度,这个电脑是600

    它==window,innerHeight;

    查看全部
  • 数组对象的使用方法

    533295ab0001dead05190599.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2019-04-12

  • 主要事件表

    53e198540001b66404860353.jpg

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

    2019-04-12

  • 提交Submit 获取getYear


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

    2019-04-12

  • JavaScript中所有事物都是对象,字符串,数组,函数,等

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

    2019-04-12

  • <!DOCTYPE html>

    <html>

     <head>

      <title>JS一个简单的计算器功能 事件</title>  

      <script type="text/javascript">

      function count(){

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

        //获取第一个输入框的值

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

        //获取第二个输入框的值

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

        var d="";

        switch(c)

        {

        case "+":

        d=parseFloat(a)+parseFloat(b);

        break;

        case "-":

        d=a-b;

        break;

        case "*":

        d=a*b;

        break;

        case "/":

        d=a/b;

        }

        document.getElementById("fruit").value=d;

       }

      </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>



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

    2019-04-11

  • 常用方法:

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

    2019-04-11

  • var Udate=new Date();
    var d = new Date(2012, 10, 1);  //2012年10月1日
    var d = new Date('Oct 1, 2012'); //2012年10月1日


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

    2019-04-11

  • window.onunload=

    查看全部
  • 内容选中事件

    onselect=""

    查看全部

举报

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

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