Java Script-Lesson01

1. js常用3种弹出窗口

• 提示框 alert("这是提示框！");
• 确认框 confirm("这是确认框！");
• 输入框 promot("这是输入框！");

2. 字符查找、字符与编码之间转换、截取

window.onload=function(){                var a = "matsumotojuntaotsuchiyanazunanryokentomasamiasa";                document.write(a.charAt(0)+"<br />");                document.write(a.charCodeAt(0)+"<br />");//把字符转化为字符编码                document.write(String.fromCharCode(90)+"<br />");//把字符编码转化为字符                document.write(a.indexOf("j")+"<br />");//查找某个字符的位置默认是从左往右                document.write(a.indexOf("j",6)+"<br />");//第二个参数代表从多少位开始找                document.write(a.lastIndexOf("j")+"<br />");//查找某个字符的位置默认是从左往右                document.write(b.substring(7));//此处的7代表截取几个字符                document.write(b.substring(0,20));//如果该方法有2个参数，则代表从第一个参数开始，截取到第二个参数的位置                document.write(b.substring(-15,20));//如果第一个参数是负数，那么就会自动转化为0，也就是从第一个字符开始                document.write(b.substring(15,-20));//如果第二个参数为负数，那么就会自动与第一个参数交换位置，并且转化为0                }

3. 冒泡排序

将数组每个数值同它后面的数值进行比较交换排序

window.onload = function(){                var arr = [8,7,21,5,13,2,54,61,34,24];                for(var i=0;i<arr.length;i++){                    for(var j=i+1;j<arr.length;j++)                        if(arr[i]>arr[j]){                            var c=arr[i];                            arr[i]=arr[j];                            arr[j]=c;                            }                       }                }

4. 查找替换

　　查找到匹配查找条件的字符用split()截取加上样式使用joint()放回，替换只是放回的是要替换的字符。

var Oinput=document.getElementsByTagName("input");var Ospan=document.getElementsByTagName("span")[0];var str = Ospan.innerHTML;//              查找                Oinput[1].onclick=function(){                    if(Oinput[0].value==""){                        alert("Please Input a word:");                    }                    var Ovalue=Oinput[0].value;                    if(str.indexOf(Ovalue)!=-1){                        Ospan.innerHTML=str;                        var arr=Ospan.innerHTML.split(Ovalue);                        Ovalue = arr.join('<span style="background:yellow;">'+Ovalue+'</span>');                        Ospan.innerHTML=Ovalue;                    }else{                        alert('未查找到');                        Oinput[0].value='';                    }                   }