分类 Javascript 下的文章

15、JavaScript-Ajax&JSONP


一、什么是Ajax(阿贾克斯)

Asynchronous JavaScript and XML(异步JavaScript和XML,即用JavaScript异步形式去操作xml)

- 节省用户操作时间,提高用户体验,减少数据请求;
- 传输获取数据;
- 无需用户刷新,动态请求网络数据;

二、Ajax作用

异步获取数据,即是数据交互(通过ajax获取某一文本文件的内容);

三、Ajax过程

  • 创建对象XMLHttpRequest()
  • open()方法
  • send()
  • request.onreadystatechange = function(){}


16、JavaScript-正则表达式


一、正则表达式基础1

  • 复习字符串操作
    search 查找

substring 获取子字符串
charAt 获取某个字符
split 分割字符串,获取数组

  • 找出字符串中所有数字
    1、用传统字符串操作完成

2、用正则表达式完成

二、正则表达式基础2

  • 什么是正则表达式
    1、什么叫"正则" --> 规则、模式

2、强大的字符串匹配工具
3、是一种正常人很难读懂的文字








12、JavaScript-事件


一、事件捕获

  • 事件绑定方式一(同一事件会被覆盖)
  oBox.onclick = fn1;
  oBox.onclick = fn2;  // 覆盖掉fn1
  • 事件绑定方式二(同一事件可以多个处理)
  addEventListener(事件名词,事件函数,是否捕获)
  参数3: true表示采用事件捕获,若false事件冒泡
  oBox.addEventListener('click', fn, true);

注1: 事件冒泡是从里到外的传递方式,即是从事件目标(target)开始,往上冒泡直到页面的最上一级标签; 事件捕获是从外到里的传递方式,即是从最上一级标签开始往下查找,直到捕获到事件目标(target);
注2: IE中不支持事件捕获;