JavaScript基础知识————部分

知识点一：JavaScript使用小技巧

• Window.onload = function(){···} //其中onload表示页面加载完毕再执行
• JSON是用于存储和传输数据的格式
• JSON通常用于服务端向网页传递数据
• 任何标签都可以加id属性
• 任何标签里面的任何属性都可以修改
• 为a标签添加链接：<a href = “javascript: ;” >
• className的使用：在JavaScript中使用class要改为className;因为class是关键字
• 利用Function定义方法之后，若是要立即执行，一定要调用方法，若不立即执行，则无需调用方法
• JavaScript是基于对象的脚本语言，类是对象的模板，类的基本成员有两种：

•  静态数据（属性)
  

•  动态行为（方法）
  

• 判断变量是否是函数的实例：alert(user2 instanceof Person);——user2:变量；Person:对象(函数)

知识点二：this事件

this:当前发生事件的元素

知识点三：数据类型的转换

• 转换为数字类型
  parseInt(string):将数据转换为整数型
  parseFloat(string):将数据转换为小数型
  Number(string):将字符串型强制转换为数值型
  Js(- * /):利用隐式转换“减、乘、除”；
• 转换为字符串类型
  toString():转换字符串————var age = 20;alert(age.toString());
  String():强制转换，转换字符串—————var age = 20;alert(String(age));
  加号拼接字符串：和字符串拼接的结果都是字符串
• 转换为布尔型
  Boolean():————var a = Infinity;b = Boolean(a);document.writ(typeof b);
  Infinity:代表无穷

知识点四：实参和形参

• function myTab(name,age){}:定义的函数参数叫形参
  
• :调用的函数参数叫实参
  

知识点五：变量的类型

• 全局变量：声明在函数之外的变量
• 局部变量：声明在函数之内的变量
  

知识点六：JavaScript中的数据类型

• 字符串：String
• 数字：Number
• 非数字：NaN
• 布尔：Boolean
• 数组：Array
• 对象：Object
• 空：Null：任何数据类型和NaN相加都得NaN
• 未定义：Undefined

知识点七：语句

• if···else语句
• Switch语句：switch（变量）{case 值1：语句块1；break；}
• 循环语句
  当循环：while（条件表达式）{语句块}
  先判断，后执行
  直到循环：do { 语句块 } while（条件表达式）
  先执行，后判断
  计数循环(for循环)：for（控制变量的初始化；循环条件；控制循环变量更新）{ 语句块 }
  枚举循环结构：for（变量 in 对象）{语句}————一般和数组联系在一起，变量一般用i表示，代表“对象”中的第几个i
  

知识点八：数组

• 数组Array只有一个属性length，length表示数组所占内存空间的数目（就是数组里面的元素个数）
  

知识点九：表单的访问方式

• 表单的访问有以下两种格式：
  document.forms[索引]
  document.表单名称
• 通过表单对象访问表单属性和方法，格式如下：
  HTML对象.getAttribute(属性名)
  Document.forms[索引].属性 //索引就是下标
  Document.forms[索引].方法(参数)
  Document.表单名称.属性
  Document.表单名称.方法(参数)
• 表单内控件的访问格式：
  表单对象.elements[下标]

知识点十：正则表达式

• 方括号用于查找某个范围内的字符，eg.[a-z]
• 元字符：
  \w：匹配字母、数字、下划线
  ^:匹配字符串的开始；
  $:匹配字符串的结束；
  RegExpObject.test(string):用于检测一个字符串是否匹配某个模式
  

知识点十一：方法与属性

• 属性是与对象相关的值
  访问对象属性的语法是：objectName.propertyName
• 方法是能够在对象上执行的动作
  可以通过以下语法来调用：objectName.methodName()
  

知识点十二：CSS函数

• CSS（oDiv,’width’）——————两个参数，获取样式
• CSS（oDiv,’width’,’200px’）——三个参数，设置样式

知识点十三：JavaScript获取非行间的样式

• currentStyle——————只兼容IE、高版Chrome
• getComputedStyle———只兼容chrome、FF（火狐）、IE9