js一些知识点随记

Cookie：

1．Cookie以长文本字符串的形式存储与用户的计算机里，“；”区分各个cookie

2．Document.cookie = “字符”;即可实现对cookie的写入

3．Var cookies = document.cookie即可实现把cookie读入cookies中的目的

4．不同浏览器不能共享cookie的数据

5．Cookie的最大存储量不超过4KB

6．每个cookie都有有效日期，必须设置如：document.cookie = name + "=" + value + expires +"; path=/";其中expires是有效日期设置，path=/也是固定格式的cookie路径位置

7．Navigator.cookieEnabled可以检测浏览器是否支持cookie

Array：

1. 数组其实是个对象，创建方式 var showTime = new Array();

2. 数组有length这个值，利用showTime.length直接得到

Function：

1. 函数命名是function function_name(var1,var2,var3...){}其中var1,2,3是直接的变量名，不需要前面加var保留字

2. 命名惯例是小写的驼峰形式

CallbackFunction：

1. Window.onload = initSeats; window对象的onload时间调用initSeats()函数，即为回调，其中initSeats为函数引用

2. 回调需要参数时，创建匿名事件处理函数如：document.getElementById(“seat26”).onclick = function(evt){  showSeatStatus(26);  };函数字面量被指派给onclick事件特性作为函数引用，evt是时间按对象被自动传送给事件处理器，作为它的第一个自变量document.getElementById("haha").onclick = function(evt) {  eraseCookie(evt);  };

3. 除了事件处理器，还有Ajax回调函数的方法

正则表达式：

1. 模式=/^\d{5}$/正则表达式必须以/开始移/结束，字符串以^开始，$结束

2. Var regex = /^\d{5}$/;      if( !regex.test(inputField.value))   regex的test方法可以用正则表达是匹配检验

3. Document.getElementByTagName()抓取一类网页中的数据

Dom节点：

1. dom树是把HTML网页看作一个二叉树

2. nodeValue存储节点的值，只限于文本与属性节点使用（不含元素）

3. childNodes包含节点下所有子节点的数组，以出现在HTML代码中的顺序排列

4. nodeType节点类型，例如是DOCUMENT或者TEXT等

5. firstChild子节点下第一个节点

6. lastChild子节点下最后一个节点

7. 用法：alert(document.getElementById(“screenText”).nodeValue);弹出网页中screenText的属性值

8. 改变节点文本的三个步骤：

1) 移除所有子节点removeChild()

2) 根据文本内容创建新的文本节点createTextNode()

3) 把创建的文本子节点附加在节点下appendChild()

var node = document.getElementById(“story”);

While(node.firstChild)

node.removeChild(node.firstChild);

node.appendChild(document.createTextNode(“OK, maybe you are alone.”));

9. createTextNode()只能创建文本内容，其他任何内容都不可以，不能附加标签

Function：

1. 函数定义其实就是对象实例JavaScript是面向过程变成语言，而非对象，故而用function来创建对象实例

自定义对象：

1. this关键字其实意义是实例的意思，如果在方法上加this关键字，那么每个创建的对象的方法都有一个方法实例，而且这个方法在不同的地方是不同的

2. JavaScript与C++和Java等程序语言不同，他并未真正支持类作为语言的具体构成要素，其用prototype来模拟类，把方法或者特性存于prototype中，可以当做在类中

3. 详细代码：

<script type="text/javascript">

function Blog(msg){

//相当与构造函数，this.msg是本地变量，msg是传入变量

this.msg1 = msg;//实例特性

//在对象里命名的变量均为私有变量

var localVar = "local value";

var localVarPrivate = 123;

Blog.prototype.classPro = "haha";//类特性

this.BlogOut = function(){

alert(this.msg1);

}

//prototype这个属性可以共享下面的函数代码，使得不在每个对象实例

//中创建函数打代码区域占用空间

Blog.prototype.Alert = function(){

alert(msg);

}

Blog.prototype.ClassProperty = function(ms){

alert(ms);

}

//类特性引用方式也是this.变量名

Blog.prototype.ClassProperty1 = function(){

alert(this.classPro);

}

//类方法只能用类名来访问

Blog.ClassMethod = function(){

alert("I am Class Method!");

}

}

//Blog.ClassMethod()这样访问不能成功，应为还没有Blog对象被创建，类方法也没被创建

var blog1 = new Blog("Hello duixiang1");

Blog.ClassMethod();

blog1.ClassProperty(blog1.classPro);

blog1.ClassProperty1();

var blog2 = new Blog("Hello duixiang2");

blog2.BlogOut();

var blog3 = new Blog("Hello duixiang3");

blog3.BlogOut();

var blog4 = new Blog("Hello duixiang4");

blog4.BlogOut();

</script>