zoukankan      html  css  js  c++  java
  • Javascript基础

    1、Javascript基础
    ◆Javascript的历史来源
       94年网景公司   研发出世界上第一款浏览器。
       95年 sun公司   java语言诞生
       网景公司和sun合作( javascript)

    ◆W3c规范
      结构标准  html     表现标准  css     行为标准  js

    ◆JavaScript和ECMAScript的关系
      简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。

    2、Js介绍
    js是一款运行在客户端的网页编程语言。
    组成部分
    ecmascript   js标准、 dom        通过js操作网页元素 、bom        通过api操作浏览器
    特点
    简单易用、解释执行
    作用
    表单验证、轮播特效、开发游戏

    3、Js书写位置
    内嵌式、外链式

    4、输出消息的几种方式
    alert()  在页面弹出一个对话框,早期JS调试使用。            alert("1111");
    Confirm()  在页面弹出一个对话框, 常配合if判断使用。        confirm("2222");
    console.log()  将信息输入到控制台,用于js调试。              console.log("3333");
    prompt() 弹出对话框,用于接收用户输入的信息。              prompt("4444");
    document.write()在页面输出消息                                        document.write("5555");

    ◆转义字符
    ”   转双引    ’转单引    转换行      转回车

    ◆Js注释
    快捷键  ctrl+/    单行注释   //       多行注释  

    5、变量
    会变化的量。变量是用来存储数据的容器。

    ◆定义变量
    var xijie;
    ◆给变量赋值
    xijie = "111";     “=”是赋值运算符
    ◆定义并赋值
    var xijie = "111";

    ◆变量的命名规范
    不能以数字或者纯数字开头来定义变量名。
    不推荐使用中文来定义变量名。
    不能使用特殊符号或者特殊符号开头(-除外);
    不推荐使用关键字和保留字来定义变量名。

    在JS中严格区分大小写的!!!

    6、数据类型
    ◆Number    数字类型     包含正数  负数  小数     数字类型的表达方式:十进制表示法
    var n1=11;

    ◆String       字符串     凡是用双引号或者单引号引起的都是字符串。
    var n2 = "11";

    ◆Boolean      布尔数据类型     只有2个值一个是true, 一个是false.   实际运算中true=1,false=0
    var n1=2;      var n2=3      alert("n1==n2"); false              alert(n1<n2);   true

    ◆undefined    变量未初始化     定义了变量,没有给变量赋值
    var n1;

    ◆null  变量未引用  值为空   object
    var n2 = null;

    ◆复杂数据类型    
    object  对象       array  数组

    7、判断数据类型
    typeof()         alert( typeof(n2) );

    8、比较运算符
    <  >   <=  >=   ==  !=

    9、算术运算符
    ◆+ 加号
    两个数字类型的变量相加,得到的是一个数字类型。
    一个数字类型和一个字符串相加,得到的是一个字符串。

    ◆— 减号
    两个数字类型的变量相减,得到的是一个数字类型。
    一个数字类型和一个数字字符串相减,得到的是一个数字类型。
    一个数字类型和一个非数字字符串相减,得到的是NaN,是一个数字类型。

    NaN,    not a number

    ◆/ 除号
    两个数字类型的变量相除,得到的是一个数字类型。
    一个数字类型和一个数字字符串相除,得到的是一个数字类型。
    一个数字类型和一个非数字字符串相除,得到的是NaN,是一个数字类型。    
    0做为除数的时候,得到结果        Infinity (无限大),是一个数字类型。

    ◆%  取余数
    ◆优先级  有()先计算()里边的

    10、带操作的赋值运算
    +=   -=    *=    /=
    var n1 = 2;
    var n2 = 3;
    n1+=n2;
    alert("n1");

    11、Date()对象
      Date对象用于处理日期和时间。
    var mydeat=new Date ();

    11、Math对象
    ◆Math.ceil()   天花板函数    向上取整
    var n1 = Math.ceil(n4);
    如果是整数,取整之后是这个数本身
    如果是小数,对数进行向上舍入。

    ◆Math.floor()  地板函数
    var n1 = Math.floor(n4);
    如果是整数,取整之后是这个数本身
    如果是小数,对数进行向下舍入。

    ◆Math.max()      ◆Math.min()          ◆Math.pow()        ◆Math.round()     ◆Math.random()

    12、数据类型转换
    ◆数字类型转字符串   string      var n1 = String(n1);      toString();

    ◆字符串转数字类型   
    Number    var n1 = Number(n1);
    数字类型的字符串,转换之后得到的数字。
    非数字字符串,转换之后得到是NaN。
    小数类型的字符串,转换之后得到的是原数字。

    parseInt   var n1 = parseInt(n1);
    整数数字类型的字符串,转换之后得到的整数数字。
    数字开头的字符串,转换之后得到的是前边的数字。
    非数字开头的字符串,转换之后得到的是NaN。
    小数类型的字符串,转换之后取整。

    parseFloat    var n1 = parseFloat("n1");
    整数数字类型的字符串,转换之后得到的整数数字。
    数字开头的字符串,转换之后得到的是前边的数字。
    非数字开头的字符串,转换之后得到的是NaN。
    小数类型的字符串,转换之后得到的是原数字。

    ◆转布尔类型
    Boolean()     var n1 = Boolean(n1);
    数字和字符串转完之后为true。
    undefined、null、0转完之后为false.

    ◆隐式数据类型转换
    在运算过程中,程序自己进行的数据转换(程序员没有操作)

    ◆逻辑运算符
    逻辑运算只有2个结果,一个为true,一个为false.
    且&&
    两个表达式为true的时候,结果为true.
    或||
    只要有一个表达式为true,结果为true.
    非!
    和表达式相反的结果。

    13、等号运算符
    =”赋值运算符
    “==”只判断内容是否相同,不判断数据类型。
    “===”不仅判断内容,还判断数据类型是否相同。
    !=  只判断内容是否不相同,不判断数据类型。
    !==不全等于  不仅判断内容是否不相同,还判断数据类型是否不相同。

    ◆变量的集体声明
    var n1= 1,n2=2,n3=3;n1+=n2

    14、If...else  条件判断
    If(条件表达式){
    如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。  
    }else{
    如果条件表达式结果为false,执行该处代码。
    }

    15、三元表达式
    表达式?结果1:结果2;
    如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.
    可以理解为if else  的另外一种写法。
    n1%2==0?alert("true");alert("false");

  • 相关阅读:
    Spring MVC:框架及其组件介绍
    Goods:生成订单
    Goods:我的订单查询分页
    LeetCode:Kth Largest Element in an Array(need update)
    LeetCode:Swap Nodes in Pairs
    Goods:购物车条目加减数量实现
    LeetCode:Sum Root to Leaf Numbers
    Goods:购物车模块之全选按钮与条目之复选按钮的click事件
    Goods:查询某个用户的购物车条目以及添加购物车条目
    洛谷2387 NOI2014魔法森林(LCT维护最小生成树)
  • 原文地址:https://www.cnblogs.com/cxzhijia/p/7275796.html
Copyright © 2011-2022 走看看