JavaEE学习笔记--JavaScript(2)

JavaWeb之前端篇

JavaScript

• Javascript常用对象

  • String对象

    String就是一个字符串。
    常用属性与方法
    属性:
        length 求出字符串的长度
    方法:
        charAt()        返回在指定位置的字符
        concat()        连接字符串
        indexOf()       检索字符串
        match()         找到一个或多个正则表达式的匹配
        replace()       替换与正则表达式匹配的子串
        split()         将字符串切割成字符串数组
    

  • Math对象

    它是用于进行数学运算的
    注意:它的用法是直接通过Math调用它属性与方法
    常用方法:
        abs(x)          返回数的绝对值
        random()        返回0~1之间的随机数
    

  • Date对象

    它是用于处理日期与时间的
    创建一个Date对象   var date=new Date();它代表的是当前系统时间
    常用方法:
        getFullYear()        从Date对象以四位数字返回年份
        toLocalString()      根据本地时间格式,将Date对象转换成字符串
    

  • Array对象

    Java中的数组特点:长度固定，数组中元素类型是单一  数组中元素有顺序的。
    JavaScript中元素可以是任意数据类型,且长度不固定
     常用属性:
         length求出数组中元素的个数
    常用方法:
        reverse()        数组反转
        sort()           数组排序
    

  • RegExp

    正则表达式是用于对字符串进行匹配操作
    在javascript中创建正则对象有两种方法
    1.  直接量语法
        var reg=/正则表达式/
    2.  new 出正则对象
        var reg=new RegExp(“正则表达式”);
    在开发使用直接量语法更多一些。
    
    常用方法:
        exec()        检索字符串中指定的值,返回找到的值,并确定其位置
        test()        检索字符串中指定的值,返回true或者false
    

---

• Javascript函数

  函数就是方法,它们都是完成一段特定功能的代码块。对于函数必须调用它才可以执行。
  
  创建函数
  第一种方式:
      使用function关键字
      function 函数名(参数){
          函数体;
      };
  第二种方式:
      var 函数名称=function(参数){
          函数体;
      };
  第三种方式
  使用到了一个javascript中对象Function
  var 函数名称=new Function(参数,函数体);
  

---

• 关于javascript中函数的参数与返回值

参数问题：

function add(a,b){
    for(var i = 0;i < arguments.length;i++) {
        alert(arguments[i]);
    }
}
add(1,2,3,4);
//1.在JavaScript中函数的参数是无参数类型的
//2.在JavaScript中函数在调用时,不必须传递指定的个数参数与匹配的类型.
//3.在JavaScript中函数内有一个arguments对象,它就是用于接受所有参数的,它就是一个数组,在JavaScript中没有方法重载的概念

返回值问题:

    function add(a,b){

        if(true){
            return; //让函数结束。
        }

        return a+b; //将a+b的结果返回

    }
    var sum=add(1,2);
    alert(sum);

    //1.在javascript中如果方法有返回值，可以使用return返回。
    //2.在javascript中如果方法有返回值，不必须声明返回值类型。
    //3.对于javascript中函数，如果没有返回结果，那么相当于返回的是undefined

---

• Javascript中全局函数

  关于编码与解码操作
  编码:就是指将字符转换成码值。
  解码:就是批将码值转换成字符。
  escape()   unescape() 不建议使用
  encodeURI()   decodeURI();
  encodeURIComponent()   decodeURIComponent()
  
  encodeURI()它不编码的有82个.
  encodeURIComponent()它不编码的有71个。
  
  关于数值转换的函数
  parseFloat()   转换成浮点数
  parseInt()     转换成整数
  isNaN()函数是用于判断是否是数字 返回false,代表是数值，返回true,代表不是数值
  eval() 它的作用就是可以直接将字符串转换成javascript代码。
  

---

• Javascript中事件

  Javascript中事件一般是与函数配合使用，当事件产生时，相对应的函数可以执行。
  
  基本概念：
  事件：就是一件事情，例如点击按钮。
  事件源:它是事件产生的源头。按钮是事件源
  监听器:它是用于监听特定事件的组件，当事件产生时，监听器就可以执行。
  注册监听(绑定监听):是将事件源与监听器绑定到一起，当事件源产生了这个事件，监听器就可以知道 并执行相应的操作
  
  关于事件注册(绑定事件)方式:
      1.  html事件属性绑定
      2.  html dom分配事件 
  
  常用事件:
      1.  onclick  鼠标点击某个元素
      2.  onload 代表页面或图片加载完成后
      3.  onblur 元素失去焦点
      4.  onfocus 元素获取焦点
      5.  onchange 代表用户改变域的内容
          例如:下拉框
      6.  onsubmit 表单提交了就是说<input type=”submit”>按钮点击。
  

---

• Javascript中的bom

  Bom  browser object model 浏览器对象模型
  
  Window  History  Location对象。
  
  Window 对象
      常用属性:
          opener        返回对创建此窗口的窗口的引用
          self       返回对当前窗口的引用.等价于window属性
          top       返回最顶层的先辈窗口
          parent   返回父窗口
      常用方法:
          alert()     显示带有一段信息和一个确认按钮的警告框
          confirm()     显示带有一段消息以及确认按钮和取消按钮的对话框
          prompt()     显示可提示用户输入的对话框
  
  History对象
       History对象包含用户访问过的url路径。
       History对象它是window对象的一部分，可以通过window.history来获取history对象。
       常用方法:
           back()  加载history列表中的前一个URL
           forward()  加载history列表中的下一个URL
           go()   加载history列表中的某个具体页面
  
  Location对象
      Location 对象包含有关当前 URL 的信息。
      Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
      我们在开发中使用href属性的作用是完成通过javascript进行跳转操作。