JS中的一些小东西

javascript中存在几种对URL字符串进行编码的方法

javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。
escape() 方法：

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。

不会被此方法编码的字符： @ * / +

encodeURI() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '

encodeURIComponent() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。

不会被此方法编码的字符：! * ( ) '

因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。

---

javascript中document.all和document.getElementBy**示例：

document.all：

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > Document.AllExample </ title >
< meta http-equiv ="content-type" content ="text/html;charset=ISO-8859-1" />
</ head >
< body >
< h1 > ExampleHeading </ h1 >
< hr />
< p > Thisisa < em > paragraph </ em > .Itisonlya < em > paragraph. </ em ></ p >
< p > Yetanother < em > paragraph. </ em ></ p >
< p > Thisfinal < em > paragraph </ em > has < em id ="special" > specialemphasis. </ em ></ p >
< hr />
< script type ="text/javascript" > ...
<!--
vari,origLength;
origLength=document.all.length;
document.write('document.all.length='+origLength+"<br/>");
for(i=0;i<origLength;i++)
...{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br/>");
}
//-->
</ script >
</ body >
</ html >

document.getElementBy**

< html >
< head >
< title > 插入 </ title >
</ head >
< script type ="text/javascript" > ...
functiongetValue()
...{
varx=document.getElementById("myHeader")
alert(x.innerHTML)
}
functiongetElements()
...{
varx=document.getElementsByName("sex");
alert(x.length);
}

functiongetTagElements()
...{
varx=document.getElementsByTagName("input");
alert(x.length);
}

</ script >
< body >
< form name ="Input" >
< table align ="center" width ="50%" height ="50%" border ="1" >
< tr >
< td align ="center" width ="45%" >
学号
</ td >
< td align ="center" width ="55%" >
< input type ="text" id =userid name ="user" onblur ="validate();" >
< div id =usermsg ></ div >
</ td >
</ tr >
< tr >
< td align ="center" width ="45%" >
姓名
</ td >
< td align ="center" >
< input type ="text" name ="name" >
</ td >
</ tr >
< tr >
< td align ="center" width ="%45" >
性别
</ td >
< td align ="center" >
< input type ="radio" name ="sex" value ="男" >
男
< input type ="radio" name ="sex" value ="女" >
女
</ td >
</ tr >
< tr >
< td align ="center" width ="45%" >
年龄
</ td >
< td align ="center" width ="55%" >
< input type ="text" name ="age" >
</ td >
</ tr >
< tr >
< td align ="center" width ="45%" >
籍贯
</ td >
< td align ="center" width ="55%" >
< input type ="text" name ="addr" >
</ td >
</ tr >

</ table >
</ form >
< h1 id ="myHeader" onclick ="getValue()" >
Thisisaheader
</ h1 >
< p >
Clickontheheadertoalertitsvalue
</ p >
< input type ="button" onclick ="getElements()"
value ="Howmanyelementsnamed'sex'?" />
< Br >
< input type ="button" onclick ="getTagElements()"
value ="Howmanytagsnamed'input'?" />

</ body >
</ html >