zoukankan      html  css  js  c++  java
  • javaScript基础复习笔记

    一、JavaScript的特点
    (1)向网页中添加交互行为(特效)
    (2)是在客户端运行的脚本语言,语法与Java相似
    (3)解释性语言、浏览器边执行边解释


    二、JavaScript的组成

    (1)ECMAScript(核心语法):标准的脚本语法规范,包括:变量的声明和赋值、数据类型、逻辑控制语句、注释
    (2)BOM(浏览器对象模型):可以实现与HTML的交互
    (3)DOM(文档对象模型):是HTML文档对象模型定义的一套标准方法,可以访问和操作HTML文档

    三、JavaScript的执行原理?
    (1)客户端发送带有JavaSCript脚本的请求到服务器端=》
    (2)服务器下载后返回给客户端=》
    (3)客户端的浏览器边执行边解释


    四、使用JavaScript的优势
    (1)包含JavaScript的页面只要下载一次即可,可以减少不必要的网络通信
    (2)JavaScript由浏览器客户端执行,不是由服务器端执行,能减轻服务器端的压力

    五、网页中引入JavaScript的方式
    (1)使用<script>标签
    <script type="text/javascript">
    document.write("HelloWorld");
    </script>
    (2)使用外部JavaScript文件(推荐)
    <script src="index.js" type="text/javascript"></script>
    (3)直接在html标签中写
    <input type="button" value="提示" onclick="javascript:alert('欢迎您');">
    注:外部双引号,内部单引号

    注:JavaScript脚本中:<br/>表示换行 表示空格

    六、变量的声明和赋值,关键字var

    (1)var 变量名=值
    (2)变量名=值;
    注:不推荐使用后一种


    (3)变量的命名规则及 注意点:
    1)包含字母、数字、下划线、$,但不能以数字开头
    2)区分大小写
    3)JavaScript是一种弱类型语言,不声明也可以使用,但是容易出错并很难查找

    七、JavaScript中的数据类型

    (1)undefined:未定义,表示声明了变量但并没有赋值
    (2)null:空,表示声明变量并赋予空值
    (3)number:数值,如12,22.4等
    (4)String:字符串
    (5)boolean:布尔,true或false

    注:null和undefined相等
    typeof(变量或值):判断变量或值是什么类型,返回数据类型
    如:typeof(123),返回的是number类型

    八、String对象常用的方法

    charAt()、indexOf()、subString()、toUpperCase()、toLowerCase()、trim()

    九、定义数组、常用的属性和方法
    1、定义数组
    var arr=new Array(2);
    arr[0]="c";
    arr[1]="b";
    arr[2]="a";
    arr[10]="g";//没有数组越界错误,会将数组的个数进行叠加
    arr.push("l");//向数组后面追加元素
    arr.push("a");
    alert(arr.length);//通过length获取数组长度
    arr.sort();
    alert(arr.join(","));

    2、常用方法:
    join()、sort、push()

    3、属性
    length

    十、运算符
    1、算术运算符
    2、赋值运算符
    3、比较运算符
    4、逻辑运算符

    注:/*==和===的区别**/
    var num=1;
    var num1="1";
    alert("双等比较后:"+(num==num1));
    alert("三等比较后:"+(num===num1));
    //如果不同类型的变量进行比较,==会进行类型转换后比较值,===比较的是数据类型

    var n=1;
    var b=1;
    alert(n==b);
    alert(n===b);
    //如果是相同数据类型进行比较,使用==或===都一样

    十一、控制语句
    1、if条件语句
    2、switch多分支语句
    3、for、while循环语句
    4、for-in

    注://for-in中的i表示的是数组的下标
    for(var i in arr){
    document.write(i);
    }

    十二、JavaScript中的系统函数

    1、parseInt():将值转换为整数类型,从第一个位置开始找,如果不是数字后面的将不会继续查找
    如:var num=123b;
    var num1=parseInt(num);
    num1的值为123;
    2、parseFloat():将值转换为浮点型,只转第二个小数点之前的,并且是数字
    如:var num=123.45.67b
    var num1=parseFloat(num);
    num1的值为123.45
    3、isNaN():判断值是否是非数字,true表示非数字,false表示数字


    十三、自定义函数

    1、语法:
    function 函数名(参数名1,参数名2,……){
    JavaScript代码;
    [return 返回值];
    }
    注:定义参数时不需要定义数据类型

    2、调用:
    事件="函数名";

    3、全局和局部变量

    注:javascript中局部变量在同一个方法(阶层)中任何地方都可以访问,值以就近原则为主,但是不提倡


    4、匿名函数:
    var getSum=function(){
    return num1+num2;
    }

    十四、常用的事件
    1、onload:页面加载事件
    2、onclick:鼠标单击事件
    3、onmouseover:鼠标移上事件
    4、onmouseout:鼠标移出事件
    5、onfocus:获取焦点事件
    6、onblur:失去焦点事件
    7、onkeydown:键盘按下事件
    8、onkeyup:键盘释放事件
    9、onchange:内容改变事件

  • 相关阅读:
    pip install urllib2不能安装
    linux 基础信息查询
    gitlab 操作指南
    ubuntu 新手入门第一天
    颜色配色
    mvn mybatis-generator:generate postgresql
    sublime 列编辑模式
    mybatis-generator 根据表生成对应文件
    Spring MVC Mock demo
    Toad常用快捷键
  • 原文地址:https://www.cnblogs.com/ying-dong/p/12106571.html
Copyright © 2011-2022 走看看