初步学习js

js的初步学习

自定义变量命名规范

1 不能以数字开头；
2 不能使用js的关键字和保留字；
3 以字母，下划线, $,开头是允许的；
4 变量命名有意义。

获取dom元素的两个方法

1 getElementId()
2 getElementsTagName()

输出方式

var a=”xxx”;
1 alert(a); //弹出
2 document.write(a); //网页向文档中输出内容
3 console.log(a); //输出到控制台
注：a 拼接字符串，用“+”连接；
b字符串用“”括起来。

大小写转化

var a=“abcd”
document.write(d.toUpperCase（））； //ABCD
var b=”ABCD”
document.write(d.toLowerCase（））； //abcd

字符串与字符编码

var a =”zvzcb”
string.fromCharCode( )； //把字符编码转化为字符
a.charCodeAt（）； //把字符转化为字符编码
a.indexOf(“v”）； //字符串中特定元素（v） 的位置
a.indexOf(“v”，1）； //从第1位 开始往后找v的位置

substring与slice的截取

substring

var A=”xxx”;
document.write(A.substring(a)); //此处的a表示在A中截取a个字符
document.write(A.substring(a，b)); //有两个参数代表从第一个参数开始，截取到第二个参数的位置
document.write(A.substring(-a，b)); //当第一个参数为负数，那么自动转化为0，即从第一个字符开始。若第二个字符为负数，就会自动与第一个参数交换位置，并且转化为0

slice

document.write(A.slice(a)); //一个参数代表从第几位截取，若参数为负数，则代表从字符串的后面起截取a个
document.write(A.slice(a，b)); //2个参数代表从第a位截取到b位

split分隔

var a=”www.baidi.com”
document.write(a.split(“.”)); //用某个字符分隔原始字符串，分隔后将原始字符串转化为数组，然后通过数组下标的形式访问某个数组成员；
document.write(a.split(“”)); //若未明确字符串以某个分隔符来分隔，那么该方法中空字符串就代表将原始字符串的每一项切割成数组项
document.write(a.split(“-“，n)); //第二个参数表示分隔后的数组保留几个成员

数组

数组创建方式

以对象方式创建

        var arr1=new Array();
        arr1[0]="哈哈哈";
        arr1[1]="啦啦啦";
        arr1[50]="那那那";
        alert(arr1.length)
        alert(arr1[1])
        alert(arr1[5])

以字面量方式创建

      var arr2=["abv",2,3,["avcsad",4,45]];
      alert(arr2.length)
      alert(arr2[0])
      alert(arr2[1])
      alert(arr2[3][0])

数组的拼接concat与join

concat

      var arr3=[1,2,3];
      var arr4=[1,2,3];
      alert(arr3.concat(arr4))

join

      var arr5=[1,2,3];
      alert(arr5.join("%"));
      var pinjie=arr5.join("%");
      alert(typeof pinjie)  //object

删除添加元素

      var arr6=[4，5，6，7];
      alert(arr6.pop())  //删除最后一个元素 4，5，6
      alert(arr6.shift())  //删除第一个元素 5，6，7
      alert(arr6.push(1，10)) //在数组后面添加一个或多个元素              4,5,6,7,1,10
      alert(arr6.unshift(5,7))  //在数组前面添加元素 5，7，4，5，6，7

sort排序

      function add(a,b){
      return a-b;
      }    //升序（负数）
      function jian(a,b){
      return b-a
      }    //降序（正数）
      var arr7=[1,44,6,2,6,8,46,654,3,44,66,44]
      document.write(arr7.sort(add)+"</br>")
      document.write(arr7.sort(jian))

翻转数组

     var arr8=[1,3,5,7]
     document.write(arr8.reverse())  //7，5，3，1

数组最大最小值

     var arr9=[-5,32,5,2,-6]
     function max(arr){
     var maxNum=arr[0];
     for(var i=1;i<arr.length;i++){
     if(maxNum<arr[i])
     {
     maxNum=arr[i];
     }
     return maxNum;
     }
     }
     document.write(max(arr9));   //32

     var arr10=[-5,32,5,2,-6]
     function max(arr){
     var maxNum=arr[0];
     for(var i=1;i<arr.length;i++){
     if(maxNum>arr[i])
     {
     maxNum=arr[i];
     }
     return maxNum;
     }
     }
     document.write(max(arr10));   //-6

splice

     var arr11=[6,3,6,2,9]
     alert(arr11.splice(1,2))  //从下标为1的元素起删除两个元素，返回所删除的元素
     alert(arr11)
     alert(arr11.indexOf(3))   //找出下标为3的元素
     for(i=arr11.length-1;i>=0;i--){
     alert(arr11[i]) } 

prompt

     var age1=prompt("请输入小李年龄")
     var age2=prompt("请输入小王年龄")
     var age3=prompt("请输入小张年龄")
     var str=[ ]
     str.push(age1)
     str.push(age2)
     str.push(age3)
     function max(ar2){
     var maxNum=ar2[0]
     for(i=1;i<str.length;i++){
     if(maxNum<ar2[i]){
     maxNum=ar2[i]
     } 

     }      return maxNum
     }
     document.write(max(str))

简单的排序（三元表达式）

var arr12=[1,3,5,0,6,-1,-5]
   function compare(a,b)
   {return a>b?1:-1;}
  document.write(arr9.sort(compare))