【JavaScript】Day02

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 1090 ] 次

JavaScript

3、变量的作用域

三、运算
    1、按功能来划分
       - 算术运算
         + - * / %(模) + - ++ --
       
       - 字符串运算
         +

       - 逻辑运算
         &&
         ||
         !

       - 比较运算
         > < >= <= != <> == === !==


       - 赋值运算
         = += -= *= /= %=  

     2、按运算项目来划分
        - 单目运算
          +(正) -(负) ++ -- !

        - 双目
   
        - 三目运算
          exp1?exp2:exp3
          当表达式exp1为真时,取exp2,否则取exp3

四、流程控制
     1、分支语句
        if
        if...else...
        if...else if...
     
        switch(条件表达式){
case  表达式1:
                      运算;
                      break;
                [case  表达式2:
                      运算;
                      break;
                default:
                      运算;]
                
 
        }

     2、循环
        for

        while
  
        do...while...
   
        while和do...while...的区别:
        无论条件满足与否,do...while...至少会执行一次循环体。


五、JavaScript的对象
    JavaScript的对象都含有属性和方法。
    JavaScript的对象对于属性和方法的引用通过: .
    例如:对象.属性
          对象.方法
 
    1、字符串对象
       定义:var str  = new String()
       定义时赋初值:var str  = new String(string value) 

       属性:
       length 字符串的长度

       方法:
       对象.indexOf(string substr)
       功能:获取substr在对象中的首次出现的位置
       参数:
       substr 子字符串
       返回:位置。若子字符串在字符串对象中不存在,则返回-1.
       
       对象.toLowerCase();
       功能:将字符串对象转换为小写
       返回:转换后的字符串

       对象.toUpperCase();
       功能:将字符串对象转换为大写
       返回:转换后的字符串


       对象.substr(number start[,number length])
       功能:字符串对象的截取
       参数:
       start 截取的开始
       length 截取的长度
       返回:被截取过的字符串

 
       对象.slice(number start[,number end])  
       功能:字符串对象的截取
       参数:
       start 截取的开始
       end   截取到第几位位置
       返回:被截取过的字符串


    2、日期对象
       var 变量 = new Date()

       方法:
       对象.getFullYear()
       功能:获取当前年份(四位 2016)
       返回:当前的年份

       对象.getMonth()
       功能:获取当前月份 (0~11)
       返回:当前的月份 

       对象.getDate()
       功能:获取当前日期
       返回:当前的日期


       对象.getHours()
       功能:获取当前小时
       返回:获取当前小时

       对象.getMinutes()
       功能:获取当前分钟
       返回:获取当前分钟

       对象.getSeconds()
       功能:获取当前秒数
       返回:获取当前秒数  

       对象.getDay()
       功能:获取当前的星期值(0~6)
       返回:当前的星期值 0:星期日
                          1~6:星期一至星期六

     3、数学对象
        属性:
        数学对象.PI 
        Math.PI
        
        方法
        Math.round(变量)
        功能:四舍五入
        返回:四舍五入返回值

        Math.ceil(变量)
        功能:向上取整
      
        Math.floor(变量)
        功能:向下取整 

        Math.abs(变量)
        功能:取绝对值

        Math.random()
        功能:取随机数(0~1),伪随机数。

        Math.max(变量1,变量2)  
        功能:取两个变量中的较大者
   
        Math.min(变量1,变量2)  
        功能:取两个变量中的较小者

     4、数组对象
        数组对象的声明:
        var arr = new Array();
        var arr = [];
  
        声明数组对象时赋初值
         var arr = new Array(2,3,4);
         var arr = [2,3,4]

        属性:
        length 长度

        数组输出:
        document.write(数组名称)

        数组赋初值
        按数组小标赋初值
        var arr = [];
        arr[0]="hello";

        方法:
        数组对象.concat(数组对象) 
        功能:连接两个数组
        返回:连接后的两个数组

        数组对象.pop()
        功能:弹出数组的最后一个元素
        返回:返回被弹出的元素

        数组对象.push()
        功能:在数组最后添加一个元素
        返回:新数组的长度

        数组对象.sort()
        功能:数组元素进行排序
        返回:排序后的数组
  
        数组对象.slice(number start,number end) 
        功能:数组的截取
        返回:被截取的数组返回

        数组的遍历
        for in
        语法:
        for(key in array)

六、JavaScript 的自定义函数
    自定义函数的语法
    function 函数名称([参数]){
函数体
    }   
 
    函数名称:1、函数采用数字、字母和下划线。数组不能作为函数名                 称的开始。
              2、函数名称建议用小驼峰式命名规则。
              3、函数名称要尽量起的有意义。 

    参数:最多可以有255
     
    函数体:函数执行的代码段。

    - var 函数名称 = new Function([参数])

    - 匿名函数方式
      function([参数]){
          函数体 
      }

    自定义函数的调用:
    - 函数名称([参数])  
    - <a href="javascript:函数名称([参数]);"></a>
    - 事件触发方式

    JavaScript变量的作用域
    全局变量:在自定义函数体外声明的变量
    局部变量:在自定义函数体内声明的变量


七.DOM
   DOM(Document Object Model) 
   Document HTML/XML 

   Object:JavaScript想要操作HTML/XML ,需要将HTML/XML转换成
           JavaScript对象。

   - 属性
   - 文本
   - 样式

   1、获取JavaScript对象
      document.getElementsByTagName(HTML tag)
      功能:把HTML元素转换为JavaScript对象
      返回:JavaScript对象。数组对象

      document.getElementsByName(HTML name属性值)
      功能:把HTML元素转换为JavaScript对象 
      返回:JavaScript对象。数组对象

      document.getElementById(HTML id属性值)
      功能:把HTML元素转换为JavaScript对象 
      返回:JavaScript对象。

   - 属性
     属性的读取
     对象.HTML 属性名称

版权所有:《thtomatic》 => 《【JavaScript】Day02》
本文地址:https://ask.mykeji.net/JavaScript/javascript_day02.html
除非注明,文章均为 《简单记录》 原创,欢迎转载!转载请注明本文地址,谢谢。


上一篇: 【JavaScript】day03
下一篇: 数据库常用命令

发表评论:

    26.79ms