Javascript基础*

一.Javascript基础

1.Javascript的代码位置

(1)Javascript用标签中写上
window.οnlοad=function{
};
2.dom元素的获取方法
(1)var a =document.getElmentsByTagName(“div”)[0]
a 为自定义的变量名
(2)var b =document.getElmentById(“banner”)
banner为HTML中自定义的ID名
3.输出方法
(1)alert() // 警告框;
(2)console.log() //在显示台输出;
(3)document.write() //写到文档上;
二.字符串
(1) var a=“abcdefgh”
document.write(a.length) //输出字符串的长度
document.write(a.charAt(0)) //输出第一个字符
document.write(a.charAt(a.length.1)) //输出最后一个字符
(2) document.write(a.charCodeAt(0)) //将第一个字符转化为编码
document.write(string.fromCharCode(2000)) //将第2000个编码转化为字符
(3) document.write(a.indexOf(“要查找的字符串”)) //找到某一个字符串的位置
document.write(a.lastIndexOf(“要查找的字符串”)) // 最后一个出现的下标
document.write(a.indexOf(“要查找的字符串” , 8)) //代表从第八位往后找
(4) document.write(b.substring(7));//此处的7代表从第7个开始截取字符
document.write(b.substring(0,20));//如果该方法有2个参数，则代表从第一个参数开始，截取到第二个参数的位置
document.write(b.substring(-15,20));//如果第一个参数是负数，那么就会自动转化为0，也就是从第一个字符开始
document.write(b.substring(15,-20));//如果第二个参数为负数，那么就会自动与第一个参数交换位置，并且转化为0
(5) document.write(b.slice(7));//此处的7代表从第7个开始截取字符
document.write(b.slice(0,20));//如果该方法有2个参数，则代表从第一个参数开始，截取到第二个参数的位置
document.write(b.slice(-15));//如果参数是负数，就代表从字符串的后边开始截取
(6) document.write(b.split("")); //将字符串分割为数组
(7) document.write(b.toUppercase()); //将字符串变为大写
document.write(b.toUppercase()); //将字符串变为小写
三 数组
(1)创建一个数组
var arr=new Array();
var arr=new [];
(2)合并数组
var arr3=[1,2,3]
var arr4=[4,5,6]
console.log(arr3.concat(arr4))
(3)拼接数组
document.write(arr.join("#")) //将数组拼接为字符串
(4)翻转数组
console.log(arr3.reverse())
(5)数组的增删
alert(arr.pop()) //删除最后一个元素
alert(arr.shift()) //删除第一个元素
alert(arr.push()) //在数组后面添加一个元素
alert(arr.unshift()) //在数组前面添加一个元素
四 实例分析
(1)使用sort方法对数组排序

    var arr3=[6,10, 25, 66, 9, 8, 20];
    function add(a,b){
		     return a-b;	
			     };
	     
	      document.write(arr3.sort(add)+"</br>");
	      function jian(a,b){
		      return b-a;	
		     }; 
		 document.write(arr3.sort(jian)+"</br>");

(2)求数组中的最大最小值

var arr3 = [6, 10, 25, 66, 9, 8, 20];

		function max(arr) {
			var maxnum = arr[0];
			for(i = 0; i < arr.length; i++) {
				if(maxnum > arr[i] ) {
					maxnum = arr[i];
					};
					
			};
				return maxnum;
	};
		document.write(max(arr3));

3.简单排序法比较数字的大小

     var arr=[34,45,6,78,9,65,41]
	 function paixu(a,b){
       	 return a>b?1:-1;
         }
         alert(arr.sort(paixu));	

4.冒泡排序法比较数字的大小

  var arr1=[34,45,6,78,9,65,41]
   function paixu(arr){
            	var temp=0;
            	for(i=0;i<arr.length;i++){
            		for(j=0;j<arr.length-1;j++){
            			if(arr[j]>arr[j-1]){
            				temp=arr[i];
            				
            			}
            		}
            	}
            }