• JavaScript快速入门


    目录

    什么是javaScript?

    javaScript发展史

    ECMAScript : 客户端脚本语言的标准

       1. 基本语法: 

                  2. 算数运算符

                 3. 赋值运算符

                 4. 比较运算符

                5.  逻辑运算符

                6. 三运运算符

       7.流程控制语句

    2. 基本对象

        1.    Function : 函数(方法) 对象

           2. Array  数字对象

           3. Date

             4. Math

                  5. ReGExp : 正则表达式对象


    什么是javaScript?

    概述 : 一门客户端脚本语言

         * 运行在客户端浏览器中的。每一个浏览器都有JavaScrpit的解析引擎

         * 脚本语言:不要编译,直接就可以被浏览器解析执行了

    功能: 

      * 可以用来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。

    javaScript发展史

    1. 1992年,NomBas公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为:c--,后来更名为 : ScriptSase

    2. 1995年,Netecape(网景公司),开发了有客户端脚本语言,LiveScript后来,请来SUN公司的专家,修改LiveScript,命名为JavaScipt

    3.1996年,微软借鉴avaScript开发出Jscript语言

    4. 1997,ECMA(欧洲计算机制造商协会),ECMAScript,就是所有客户端脚本语言的标准。

    *  javaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

    ECMAScript : 客户端脚本语言的标准

       1. 基本语法: 

               1. 与html 结合方式

                     1. 内部JS:

                            定义

  • 2. 基本对象

        1.    Function : 函数(方法) 对象

                   1.  创建:

                      1. function 方法名称(形式参数列表){

                               方法体

                        }

                      2.  var方法名 = function(形式参数列表){

                              方法体

                      }

                 2. 方法:

                 3. 属性:

                       length:代表形参的个数

                 4. 特点:

                         1. 方法定义是,形参的类型不用写,返回值类型也不会。

                         2. 方法是一个对象,如果定义名称相同的方法,会覆盖

                         3. 在JS中,方法的调用只与方法的名称有关,和参数列表无关

                         4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数

                         5. 调用: 方法名称(实际参数列表);

                       

    1. function fun(a,b){
    2. alert(a+b);
    3. }
    4. fun(1,2);
    5. var fun1 = function fun(a,b){
    6. alert(a+b);
    7. }
    8. fun1(1,2);
    9. function add(a,b){
    10. return a+b;
    11. }
    12. var sum = add(1,5);
    13. document.write(sum);
    14. function add(){
    15. var sum = 0;
    16. for (var i = 0; i < arguments.length; i++) {
    17. sum+=arguments[i];
    18. }
    19. return sum;
    20. }
    21. var sum = add(15,81,1);
    22. document.write(sum)

           2. Array  数字对象

                    1. 创建 :

                          1. var arr = new Array(元素列表);

                          2. var  arr = new Array(默认长度);

                          3. var arr = [元素列表]; 

               2. 方法

                        join(参数):将数组中的元素按照指定的分隔符拼接为字符串

              3. 属性

                       length : 数组的长度

             4. 特点

                   1. JS中,数组元素的类型、数组长度 可变

           3. Date

                    1. 创建:

                    var date = new Date( ); 

                     2. 方法

                           toLocaleString( );  返回当前date对象对应的时间本地字符串格式          

                            getTime( );获取毫秒值。返回当前如期对象秒速的时间到1970年1月1日零点的毫秒值差。

                       

    1. var date = new Date();
    2. document.write(date+"
      "
      )
    3. document.write(date.toLocaleDateString()+"
      "
      );

             4. Math

                    1. 创建

                              特点 : Math对象不用创建,直接使用,Math.方法名();

                    2. 方法:

                       random( ); 返回0~1之间的随机数,含0不含1

                       ceil(x);对数进行上舍入

                       floor(x); 对数进行下舍入

                       found(x); 把数四舍五入为最接近的整数。

                    3. 属性 :

                                PI     

                 案例: 取1~100之间的随机整数

                      1. Math.random()产生随机数,范围(0,1)小数

                      2. 乘以100 --> [0,99.9999]小数

                      3. 舍弃小数部门 : floor--》 [0,99] 整数

                      4.  +1 --> [0,99] 整数[1,100]

                         

    1. var n1 = Math.floor((Math.random()*100))+1;
    2. document.write(n1);

                  5. ReGExp : 正则表达式对象

                       1. 正则表达式: 定义字符串的组成规则

                                如: [a]  [ab]   [a-zA-Z0-9_]

                                 特殊符号代表含义的单个字符:

                                 \d:单个数字字符[0-9]

                                 \w:单子单词字符[a-zA-z0-9_]

                    2.  两次符号 :

                            ?: 表示出现0次或1次

                            *  : 表示出现0次或多次

                           +  :  出现1次或多次

                           {m,n} : 表示m<= 数量 <=n

                            * m如果缺省: {,n} : 最多n次

                             * n 如果缺省 :(m,) 最少m次                              

                            1. 创建

                                 1. var reg = new RegExp("正则表达式");

                                 2.  var reg = /正则表达式/;

                          2. 方法         

                                1. test(参数) : 验证指定的字符串是否符合正则定义的规范

                       

    1. var reg = new RegExp("^\\w{6,12}$");
    2. var reg2 = /^\w{6,12}$/;
    3. var username = "1234567";
    4. var flag = reg.test(username);
    5. document.write(flag);

              6. Global

                     1. 特点 : 全局对象,这个Global中封装的方法不需要对象就可以直接调用。 方法名();

                    2. 方法

                          encodeURI : url编码

                          docudeURI : url解码

                          encodeURIComponent() : url编码     // 编码的字符更多

                          docudeURIComponent();  url解码

                          parseInt( ): 将字符串转为数字

                           isNaN( )  : 判断是否为NaN

                           eval( ) : 将JavaScript 字符串 , 并把它作为脚本代码来执行

                3.  URL编码

    1. document.write("
      "
      );
    2. var str = "abcde刘畅开";
    3. var encode = encodeURI(str); // url编码
    4. var docude = decodeURI(str); // url解码
    5. document.write(encode);
    6. document.write(docude)
  • 相关阅读:
    search——Bloom Filter
    编译原理FIRSTVT和LASTVT
    python - random模块随机数常用方法
    笙默考试管理系统-MyExamTest----codemirror(24)
    现代卷积网络实战系列2:PyTorch构建训练函数、LeNet网络
    asp.net coremvc+efcore增删改查
    c++多态
    HTTP/2.0协议详解
    如何使用 PHP 和 MySQL 对表列进行排序
    C++ Qt高级开发视频教程
  • 原文地址:https://blog.csdn.net/weixin_67573348/article/details/127835768