JavaScript(一)

JavaScript 2017-09-30

JavaScript
----------

一、概述
    JavaScript运行在客户端的解释型脚本语言。
    解释型:代码每次运行时,都需要被编译成机器语言。再进行运行。例如:PHP、JavaScript。
    编译型:代码在每次编辑完成后,被编译成机器语言。运行被编译后的脚本。例如:Java。
    TIOBE 
    JavaScript用途:
    - 给网页添加动态化效果。
    - 表单验证。
    - 读取HTML/XML中的数据。
    - 获取客户端的信息等。
二、语法
    1、调试工具
        firefox-firebug
        打开菜单->添加组件->扩展->搜索扩展(firebug)->
        安装
        应用:F12  
        chrome(子带调试工具) 应用:F12  
        IE- HTTPWATCH
    2、JavaScript文件的声明
       数字、字母、下划线。扩展名:.js
       document.write(string)//在浏览器上输出字符串
       alert(string) 弹出一个对话框
    3、JavaScript引入到HTML文件
       a、独立文件引入
 

    <script type="text/javascript" src="javascript文件地址"></script>

   

b、代码引入

 

    <script> JavaScript代码</script>


4、JavaScript严格区分大小写。
5、JavaScript 语句必须添加分号 (可有可无的分号)
6、JavaScript 注释
   单行注释://
   多行注释:/* 被注释掉的内容 */ 

 
三、JavaScript的变量
    变量是命名的内存空间,可有用来存储数据,可以在程序运行中进行计算。
    JavaScript的变量也是弱类型。  
    JavaScript变量的声明:
    var 变量名称;
    var 变量名称,变量名称...;
    var 变量名称 = 值;
    变量名称:可以以字母,以下划线,以$做起始,后面跟随可以数字、字母、下划线和$.数字不能作为变量名称的起始。
    变量的作用域:
    typeof(变量)
    测试变量的数据类型
    变量的分类:
    三大类 八种类型
    a、传统类型
       - 数值类型(Number)      
         var i = 10;
         var i = 10.1;
       - 字符串类型(String)
         var i = 'abc';
         var i = "abc";
       - 布尔类型(Boolean)
         var b = true;
         var b = false;
    b、复合类型
       - 对象类型(Object)
         var obj = new Object();
         var obj = {};
       - 数组类型(Array)
         var arr = new Array();
         var arr = [];
       - 函数类型 (Function)
         var f = new Function();
     c、特殊类型
        - undefined 
          当声明一个变量时,如果没有给变量赋初值。那么这个变量的数据类型就是undefined。
        - null
          特殊的Object,null类型只有值null。
四、JavaScript的运算
    a、按照运算功能划分
       - 算术运算
         + - * / % ++ -- 
       - 字符运算
         +
       - 比较运算
         > < == >= <= === !== !=
       - 逻辑运算
         && || !
       - 赋值运算
         = += -= /= *= %=
    b、按照参加运算数目划分
       - 单目
         ! + - ++ --
       - 双目运算
       - 三目运算
         exp1?exp2:exp3;
五、分支

if..
if...else...
if...else if...
switch(){
    
}

六、循环
   

     for(语句1;语句2;语句3){
             循环体
        }
        1、语句1被执行
        2、语句2被执行
        3、循环体
        4、语句3
        while(){
    
        }
        do{
          
        }while(条件表达式)
        区别:do...while循环无论循环条件是否满足,都会执行一次循环体。while循环,当循环条件不满足,不执行循环体。

七、对象
    对象中有属性和方法,对象对于属性和方法的访问,通过:.
    例如:对象.属性
          对象.方法()
    字符串对象:
    var str = new String();
    var str = new String('hello');
    var str = 'hello';
    属性:length 获取字符串的长度
    方法:
    对象.indexOf(子字符串)
    功能:返回子字符串在字符串对象中首次出现的位置。
    对象.toUpperCase()
    功能:将字符串对象转换为大写
    对象.toLowerCase()
    功能:将字符串对象转换为小写 
    对象.substr(start[,length])
    功能:字符串的截取。从字符串对象中进行截取,从start位开始截取,截取length长度,若length没有给出。默认截取到字符串对象的末尾。
    对象.slice(start[,end])
    功能:字符串的截取. 从字符串对象中进行截取,从start位开始截取,截取到第end位为止。若end不给,默认截取到字符串的末尾。
     日期对象
     var 变量 = new Date()
     方法:
     对象.getFullYear()
     功能:获取四位的年份。例如:2017
     对象.getMonth()
     功能:获取月份。(0~11)
     对象.getDate()
     功能:获取当前日期
     对象.getHours()
     功能:获取当前小时
      对象.getMinutes()
      功能:获取当前分钟
      对象.getSeconds()
      功能:获取当前秒
      对象.getDay()
      功能:获取当前的星期值(0周日~6周六)
    

知识共享署名声明
本文由 admin 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论