BlogJava-愚僧-随笔分类-html & css & js

js 编码

ywm — Wed, 27 Feb 2013 03:44:00 GMT

escape/unescape : 不能对uri编码, 会把 / ? @ 进行编码
encodeURIComponet/decodeURIComponent : 对URI参数编码, 会把 / 进行编码
encodeURI/decodeURI : 对URI编码

From : http://blog.163.com/free_for_all/blog/static/6871811201192441843281/
From : http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html

ywm 2013-02-27 11:44 发表评论

ajax工具方法

ywm — Fri, 22 Feb 2013 09:18:00 GMT

/* 参考 : http://www.w3school.com.cn/xmldom/dom_http.asp */
/*
* 获取ajax对象
*/
function getXmlHttpRequest(){
    var xhr = null;
    if(typeof(XMLHttpRequest) != 'undefined'){
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject("Microsoft.XMLHttp");
    }
    return xhr;
}

/*
* post方式请求
*/
function post(url, queryString,fn){
    var xhr = getXmlHttpRequest();
    xhr.open('post',url,true);
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xhr.onreadystatechange=function(){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                fn.apply(this,[xhr]);
            }
        }
    };
    xhr.send(queryString);
}

/*
* get方式请求
*/
function get(url,fn){
    var xhr = getXmlHttpRequest();
    xhr.open('get',url,true);
    xhr.onreadystatechange=function(){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                fn.apply(this,[xhr]);
            }
        }
    };
    xhr.send(null);
}

/*
  * 测试
  */
post("ajax","",function(xhr){
    alert(xhr.responseText);
});

ywm 2013-02-22 17:18 发表评论

js全局变量和局部变量

ywm — Thu, 21 Feb 2013 09:09:00 GMT

全局变量
1. 方法外

var variableName = "variableValue";
variableName = "variableValue";

2. 方法内

variableName = "variableValue";
window.variableName = "variableValue";

局部变量
1. 方法内

var variableName = "variableValue";

ywm 2013-02-21 17:09 发表评论

function 与 new function 区别

ywm — Thu, 21 Feb 2013 08:51:00 GMT

1. function
function test(){
var i = 1;
this.j = 2;
alert(i + j);
}
js通用的定义function的方式.
this.j 变量属于test方法的所有者window对象

2. function
var test = function(){
var i = 1;
this.j = 2;
alert(i + j);
}
与第1种方式等价

3. new function
var test = new function(){
var i = 1;
this.j = 2;
alert(i + j);
}
相当于定义了一个对象名为function的Object
i 变量就是function构造方法中的一个局部变量
j 变量就是function对象的属性
要执行这个方法:
test.constructor();

4. new Function
var test = new Function('
var i = 1;
this.j = 2;
alert(i + j);
');
这里使用了js的内置对象Function, 效果等价于第2种方式

5. Function
var test = Function('
var i = 1;
this.j = 2;
alert(i + j);
');
效果等价于第4种方式

ywm 2013-02-21 16:51 发表评论

typeof 与 instanceof

ywm — Thu, 21 Feb 2013 07:42:00 GMT

typeof只能够确定六种数据类型

1. number

2. boolean

3. string

4. function

5. object

6. undefined

语法:

1. typeof varName

2. typeof(varName)

使用:

var i = 1;

if(typeof i == "number"){

alert("i type is number.");

}

instanceof可以判断对象的具体类型

语法:

varName instanceof ObjectType;

使用:

var obj = new Date();

var isDate = obj instanceof Date;

alert(isDate);

ywm 2013-02-21 15:42 发表评论