171205之JS总结

来源:互联网 发布:js设置table属性 编辑:程序博客网 时间:2024/06/18 15:40
var str=’妙味课堂’; alert(str.length)获得字符串的长度

什么都不写默认为第0个

alert(str.charAt(i))  获得第i个位置的字符alert(str.charCodeAt(i)) 获得第i个位置的字符对应的code值alert(String.fromCharCode(22937));获得code值对应的字符function detectNum(str){   var n=0;   for(var i=0;i<str.length;i++){      n=str.charCodeAt(i);      if(n<48||n>57)        return  false;}return  true;}alert(detectNum(‘1a23d456’));

获得input中输入的是否是数字?

var alnp=document.getElementsByTagName(‘input’);alnp[1].onclick=function(){   var val=alnp[0].value();   if(detectNum(val)){        alert(‘恭喜,’+val+’全是数字’);}else{   alert(‘输入有误’);}}

fromCharCode返回字符串实例、字符串加密

alert(‘miaov’.charAt(2))    aalert(‘miaov’.charCodeAt(2))  97alert(String.fromCharCode(22937,21619))  输出妙味document.body.innerHTML=String.fromCharCode(22937);var  str=’’;fro(var i=0;i<1000;i++){   str+=String.froomCharCode(i)+’’;}document.body.innerHTML=str;

加密部分

<input type=”text”/><input type=”button” value=”加密”><div id=”div1”>加密...</div><script>   var alnp=document.getElementsByTagName(‘input’);   var oDiv=document.getElementsById(‘div1’);   alnp[1].click=function(){var str=alnp[0].value;var str1=’’;for(var i=0;i<str.length;i++){  str+=(str.charCodeAt(i)-1000)+’:’;}   oDiv.innerHTML=str1;};</script>

indexOf和lastIndexOf的用法

var str=’www.miaov.com/2013’;for(var i=0;i<str.length;i++){  if(str.charAt(i)==’i’){     alert(i);}}

alert(str.indexOf(‘m’));
alert(str.indexOf(‘m’,5));表示从第5个开始找,若为负数就表示从第0个开始,若找不到,则弹出 -1;

var s=’妙味’;var i=0;while(str.indexOf(s,i)!=-1){  alert(str.indexOf(s,i));  i=str.indexOf(s,i)+s.length;}

跳出所有的s所在字符串中的位置。

str.indexOf(‘妙味’);     从左往右找str.lastindexOf(‘妙味’);  从右往左找

比较类 截取类 substring的应用实例

alert(`1000‘>’2’)   返回的是false,字符串间的比较·就比第一个alert(‘abbb’>’b’)   返回falsealert(str.substring(4));  表示从第4个开始截取alert(str.substriing());  什么都不写表示从0开始alert(str.slice(-4,-2))  负数表示从后面倒着往前数

案例:收缩和展开都可以用substring或slice来实现

var oP=document.getElementByTagName(‘p’)[0];var oSpan=oP.getElementsByTagName(‘span’)[0];var oA=oP.getElemensByTagName(‘a’)[0];var str=oSpan.innerHTML;var onOff=true;oA.onclick=function(){   if(onOff){   oSpan.innerHTML=str.substring(0,18);   oA.innerHTML=’>>展开’;   }else{   oSpan.innerHTML=str;   oA.innerHTML=’>>收缩’; }}

大小写转换、split分割字符串
alert(str.toUpperCase()) alert(str.toLowerCase())

var str=’www.miaov.com;str.split(‘.’);alert(arr[1]);