javascript

web

js语言识别格式

• <script type="text/javascipt" language="javascript" defer="defer" src="文档地址.js" />

  • 连接JS文件

• <script tupe="text/javascript"></script>

  • JS识别范围

数据类型

字符串string

使用“双引号”或‘单引号’扩选的内容为字符串

数值number

6 和 6.00 均为数值 6；
123e5 标示 12300000 则 123e-5 为0.00123；

布尔值boolean

布尔值是“真”或“假”中的一个，分别已 true 和 false 标示

数组array

使用[中括号]扩选且以逗号作分割的多个数据为数组；
如 [ 1 , 2 , 3 ] ; [ 'a' , 'b' , 'c' ] ;
数组的排序位数以 0 开始，0为数组里的第一个数据，以此类推；

对象object

对象是带有属性和方法的数据类型，一般由多个 “键值对”（key-value）构成。
如：var 狗 = {"吃"："屎"}

• 对象的书写语法

var obj1 = {}; 简写
var obj2 = new Object(); 标准写法
var obj3 = Object.create(null); 用于继承

对象date

对象math

对象array

对象BOM

• BOM由一系列相关的对象构成，主要有以下六个：
  
  1. window对象，前面也说过，它是JavaScript的最顶层对象，其它的BOM对象都是windows对象的属性；
  2. document对象表示浏览器中加载页面的文档对象；
  3. location对象包含了浏览器当前的URL信息；
  4. navigator对象包含了浏览器本身的信息；
  5. screen对象包含了客户端屏幕及渲染能力的信息；
  6. history对象包含了浏览器访问网页的历史信息。

• navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
  

对象DOM

DOM = document(文档) + object(对象) +model(模型)

• 节点类型type
  
  • 元素 = 1
  • 属性 = 2
  • 文本 = 3
  • 注释 = 8
  • 文档 = 9

运算符

语句语法

• document.getElementById() 通过id获取元素
• document.getElementsByClass() 通过class获取元素
• document.getElementsByName() 通过name获取元素
• document.getElementsByTagName() 通过标签获取元素
• document.createElement() 创建一个元素
• document.createTextNode() 创建文字
• document.appendChild() 在父元素尾部创建子元素
• document.removeChild() 删除元素
• document.replacechild() 替换元素
• document.insertBefore() 在子元素前创建同级元素
• document.insertAfter() 在子元素后创建同级元素
• getAttribute() 获取属性

属性

1. HTML5本地储存使用:

//将b转换为字符串形式.
var a = JSON.stringify(b);
//将(字符串tom,a里的字符串)置入本地储存对应的(key,value)中.
localStorage.setItem('tom',a);
//将tom从本地储存提取出来.
var c = localStorage.getItem('tom');
//将c转换为对象形式.
var d = JSON.parse(c);
//输出d对象里的name属性.
console.log(d.name);

2. 号码格式化：

//方法一: 132 3345 4432
var number = '13233454432'
number.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3')
//方法二: 4401 0519 9409 2112 34
var formatTelphone = function (telStr) {
    var val = telStr.replace(/\./g,''),len = val.length;
    if (val.length < 4 || val.length == 12) return;
    if (len < 8) {
        val = val.substr(0 , 3) + "." + val.substr(3);
    }else{
        val = val.substr(0 , 3) + "" + val.substr(3 , 4) + "" + val.substr(7);
        }
    return val;
}