• 一、JavaScript概述 二、JavaScript的语法 三、JavaScript的内置对象


    一、JavaScript的概述
    ###<1>JavaScript的概念
    又称ECMAScript,和java没有任何关系
    嵌入在HTML元素中的 被浏览器解释运行的 一种脚本语言。

    ###<2>特点
    操作方便:任何文本编辑器都可以编写,有浏览器就可以执行
    面向对象:内置了大量的对象
    脚本语言:解释执行,事先不编译,逐行执行

    ###<3>作用(使用HTML动态效果)
    实现客户端数据格式的验证
    处理浏览器的事件
    制作特殊动态效果(轮播图,广告设计,特效等等)

    ###<4>使用方式
    1. 直接在HTML中使用(内联方式)
    2. 定义在html的head标签中的script子标签中(内部方式)
    3. 定义在外部的js文件中,然后在需要使用的页面中引入(外部方式)
    创建一个.js的文件
    <script type="text/javascript" src="外部文件的位置"></script>

    ###<5>组成
    1. ECMAScript,是js的核心内容:js的语法,数据类型,变量,关键字,函数等等
    2. DOM,文档对象模型,整个HTML页面内容
    3. BOM,浏览器对象模型,整个浏览器页面内容

    # 二、JavaScript的ECMAScript
    ###<1>变量的定义
    注意:所有的变量都使用var来申明,var 变量名 [= 值];
    弱类型,没有强制的类型申明
    语句的分号可以不写(建议写)
    var 也可以省略(方法内部写和不写是有区别)
    不要去使用js中的关键字来作为变量名称

    语法格式:var 变量名称 [=变量值];

    例如:
    var age;
    var x = 10;
    var name="老王";

    注释://
    /**/

    ###<2>数据类型
    var testnum = 10;//数据类型是动态定义的
    alert("类型:"+typeof(testnum))

    基本数据类型:
    Number : 可以使用各种进制
    String
    Boolean

    复杂的数据类型:
    Array
    Object

    特殊的数据类型:
    null
    undefined

    ###<3>运算
    布尔类型参与运算时,转换成数值型。

    数据类型的隐式转换 :
    数值型+字符串 :字符串
    数值型+布尔型 :数值型 (true:1 ; fasle:0)
    字符型+布尔型 :字符串
    布尔型+布尔型 :数值型

    转换函数:
    parseint(需要转换的字符串,需要转换的字符串的进制)
    toString()

    == 和 ===的区别
    ==:仅仅比较内容
    ===:比较类型和数据内容

    ###<4>分支和循环结构
    语法格式和java一样

    ###<5>验证数据的格式
    <script type="text/javascript">
    function checkNum() {
    alert("验证")
    //1.获取输入框对象
    var username = document.getElementById("user").value;
    var pwd = document.getElementById("pwd").value;
    var pwd2 = document.getElementById("pwd2").value;
    alert("username:"+username)

    //2.判断
    if(username==""){
    alert("用户名不能为空");
    return ;
    }

    if(pwd==""){
    alert("密码不能为空");
    return ;
    }
    if(pwd!=pwd2){
    alert("密码输入不一致");
    return ;
    }
    alert("输入正确")

    }
    </script>

    #三、JavaScript的内置对象
    1. String
    属性:length
    方法:split()
    subString()
    indexOf()
    charAt()

    2. Array
    属性:length
    方法:sort()
    reverse()

    3. Math
    方法:round():四舍五入
    random():生成随机数
    math()
    abs()

    4. Number
    toFixed(小数位):将数值转换成字符串,保留指定的小数位(四舍五入)

    5. RegExp (重点) :https://regexper.com/
    用户名和密码的格式进行限定:只能包含英文字母,数字,"_",必须以英文字母开头,分区大小写

    1. 创建正则对象/创建正则字面值
    var nameReg = /^$/;
    var pwdReg = new RegExp("/^$/");
    2. 调用test方法验证
    var flag = nameReg/pwdReg.test(验证的数据);

    [a-zA-Z][a-zA-Z0-9_]{5}

    /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/

    注意:某些符号需要转译

    6. Date
    var date = new Date(); //当前系统时间
    setDate()/setHour()/setMonth()...

    7. function对象(重点)
    方式一:函数的定义:
    function 方法名称(参数列表){
    方法体
    return 结果;
    }

    调用:方法名称(实参列表);

    方式二:匿名函数定义的语法格式:
    function (){
    方法体
    return 结果;
    }

    调用:匿名函数结构块(实参列表);

    函数的调用和引用:
    调用:函数名称()
    引用:函数名称

    例如:
    arry.sort(function (){ //匿名方式引用
    方法体
    return 结果;
    });

    arry.sort(函数名称); //实名方式引用


    8. 参数对象
    函数的实参会被封装到arguments对象中,数组对象
    属性:length,获取实参的个数
    方法:argument[index],获取某个具体的实参
    9. 全局函数
    parseInt/parseFloat
    isNaN
    eval
    decodeURI/encodeURI等


    #四、JavaScript的浏览器对象
    BOM

    #五、JavaScript的文档对象(HTML的信息)
    DOM


    #六、JavaScript的自定义对象
    JSON

    不忘初心,方得始终! 坚持!坚持!坚持!!
  • 相关阅读:
    android gallery 自定义边框+幻灯片
    C/C++学习笔记---高地址、低地址、大段字节序、小段字节序
    C#学习笔记--详解委托,事件与回调函数
    Clr Via C#读书笔记---计算限制的异步操作
    Clr Via C#读书笔记---CLR寄宿和应用程序域
    Clr Via C#读书笔记---程序集的加载和反射
    Clr Via C#读书笔记---垃圾回收机制
    Clr Via C#读书笔记---线程基础
    CLR via C#(18)——Enum
    CLR via C#(17)--接口
  • 原文地址:https://www.cnblogs.com/sumboy/p/9058636.html
Copyright © 2020-2023  润新知