Javascript部分函数及使用说明

在写代码的过程中，经常会使用一些常见的js函数及js操作使用，因此大概整理了一下。

1.charAt()

var str = “Hello,world!”

document.write(str.charAt(1)) //输出字母e

2.反选

frm.checkboxs.checked = !frm.checkboxs.checked;

3.替换

str=str.replace(/"/g,”");

5.得到字符串中的字串

str = str.substring(0,10);

6.分割字符串

var str = “amin@test.com
“;

var tmp = str.split(“@”);

7.得到字符的索引(位置)

var str = “hello,world”;

document.write(str.indexOf(“o”))

8.返回指定位置字符的unicode值

var str=”hello,world!”

document.write(str.charCodeAt(1)) //输出101

9.将一个或多个unicode值转换为对应的字符

//输出: HELLO

document.write(String.fromCharCode(72,69,76,76,79))

//输出: ABC

document.write(String.fromCharCode(65,66,67))

10.返回匹配的字符或字符串

var code = source.value.match(/&#(/d+);/g);

11.字符串编码

escape()函数可对字符串进行编码,某些字符替换为十六进制的转义序列.

不过该方法不会对下面的ASCII符号进行编码: -_.!~*’()

var str=”hello,world!”;

str=escape(str);

document.write(str+”<br/>”)

str=unescape(str)

document.write(str+”<br/>”)

12.把字符串URI编码

var url=”http://www.test.com/My
test/test.php?id=234″

document.write(encodeURI(url)+”<br/>”)

document.write(decodeURI(url)+”<br/>”)

13.字符串大小写转换

var str=”Hello,World!”

document.write(str.toUpperCase()+”<br/>”)

document.write(str.toLowerCase()+”<br/>”)

14.把js代码做unicode编码

str = “if(!window.x){alert(‘xss-WORM’);window.x=1;}”;

for(i=0; i<str.length; i++) {

if(i == str.length-1)

tt=tt+str.charCodeAt(i);

else

tt=tt+str.charCodeAt(i)+”,”;

}

document.write(tt);

生成的编码可以直接采用String.fromCharCode()的方式进行解码

15. 隐藏form中的元素名为”p_office”的值.

document.frm.p_office.style.display=”none”;

16. js返回指定页面

<input value=”返回”>

17.判断数字格式及长度是否正确

if(isNaN(id)) {

alert(“身份证号必须为数字格式.”);

return false;

}

var length=id.length;

if(length <18) {

alert(“请输入正确格式身份证号.”);

return false;

}

18.给div或其他属性进行赋值:

document.getElementById(“p_id”).innerHTML=”(*身份帐号不能为空.)”;

19.下拉框同时支持输入和下拉选择两种模式:

<div style=”position:relative;”>

<span style=”margin-left:100px;width:18px;overflow:hidden;”>

<select style=”width:118px;margin-left:-100px”

onchange=”this.parentNode.nextSibling.value=this.value”>

<option value=”0″>

<!– BEGIN row_office –>

<option value=”{office}”>{office}

<!– END row_office –>

</select></span><input

style=”width:118px;position:absolute;left:0px;”>

</div>

20.动态创建表格行或列并赋值:

var otable=document.getElementById(“listmail_table”);

var tlen=otable.rows.length;

xmlHttp.onreadystatechange=function()

{

if(xmlHttp.readyState==4)

{

farr=xmlHttp.responseText.split(“,”);

var i=0;

for(j=1;j<tlen-1;j++) {

var vtmp=otable.rows[j].insertCell(2);

if(j == 1) {

vtmp.innerHTML=”<center><b>邮件等级</b></center>”;

continue;

}

else {

vtmp.innerHTML=farr[i];

i++;

}

}

}

}

21.获取form元素中的某类型对象(这里为单选框):

var obj=document.listFrm;

var len=obj.length;

var fstr = ”;

for(i=0; i<len-1; i++) {

if(obj[i].type.toLowerCase() == ‘checkbox’) {

fstr +=obj[i].value + “|”;

}

}

22.js动态设置css样式

document.getElementById(“para”).style.display=”none”;

document.getElementById(“para”).className=”cssname”;