js入坑(1)

入坑就得进阶

  1. 数组:  需要声明一个一维数组 var arr = new Array();  可以指定数组的长度  new Array(8),也可以直接声明 var arr = [a,v,b,c]
  2. 二位数组:声明一个二位数组  var arr =[ [a,v],[m,v]]
    var arr = new Array(3);
    for (var i = 0; i

     

  3. 事件:

    1. onclick()     鼠标点击事件

    2. onmouseover()    鼠标滑过事件

    3. onmouseout()      鼠标滑出事件

    4. onfocus()    获取焦点事件

    5. onblur()    失去焦点事件

    6. onselect()  内容选中事件,当选中用户文本框中的文字时就会触发

    7. onchange()  内容改变事件,当内容改变并失去焦点后就会触发这个事件

    8. onload() 加载事件,时间会在页面加载后立即发生,事件写在body里

    9. onunload()  卸载事件,当页面关闭的时候触发

       

  4. 对象:

    1. JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性方法

    2. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    3. 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    4. 定义一个对象:  var Object = new Array()  或者  var Object = []

    5. 访问对象的方法: Object.propertyName

    6. 日期对象 :  var date =new Date();

      1. date.getFullYear()    获取当前年份

      2. date.getDay()      获取当前星期,返回0-6数字  0代表周日

      3. date.getTime()    获取从1970.1.1到指定日期的毫秒数 , date.setTime() 设置时间

    7. 字符串对象:

      1. 声明赋值: var object= 'xxxx'

      2. object.length   获取字符串对象长度

      3. object.toUpperCase()   将字符串转换成大写

      4. object.toLowerCase()   将字符串转换为小写

      5. object.charAt()   获取字符串对象指定位置的字符

      6. object.indexOf('str','offset')  第一个指定字符在字符串中出现的位置

      7. object.split(separator,limit)   根据指定的字符分割字符串,limit指分割几次,类似PHP里的split函数

      8. object.substring(start,end)   截取指定下标间的字符串

      9. object.substr(start,length)  获取指定长度的字符串,类似php里的substr()函数

    8. Math对象

      1. js入坑(1)_第1张图片

      2. js入坑(1)_第2张图片

    9. 数组对象js入坑(1)_第3张图片

    10. winwod对象js入坑(1)_第4张图片

      1. 计时器setInterval(function,time)  

        
        
        
        
        
        定时器
        
        
        
        

        setInterval()实际上是js每隔一段时间调用一次function,time为毫秒 1s=1000ms,setInterval()每次执行会返回一个id,使用clearInterval(id),即可清除这个时间效果,谷歌浏览器可能会出现调用两边的bug,停止了之后时间还会跳动

      2. setTimeout(function,time);  让一个指定的函数在指定time后执行,time为毫秒,它返回一个id值,若要取消这个效果只需使用clearTimeout(id)

        
        
        
        
        计时器
        
        
        
          

          

    11. history对象

      1. window.history.length()  获取历史记录列表的长度

      2. window.history.back()    返回history列表中的前一个url,等同于winwod.history.go(-1),等同于后退按钮

      3. window.history.forward();  返回history列表中的后一个url,等同于winwod.history.go(1),等同于前进按钮

      4. window.history.go();  返回到history列表后的某个具体的页面,是相对位置,相对当前页面的第几个

    12. location对象

      1. js入坑(1)_第5张图片

      2. js入坑(1)_第6张图片

      3. js入坑(1)_第7张图片

    13. Navigtor对象,对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

      1. js入坑(1)_第8张图片

      2. 判断用户使用什么样的浏览器

        function validB(){ 
          var u_agent = navigator.userAgent; 
          var B_name="Failed to identify the browser"; 
          if(u_agent.indexOf("Firefox")>-1){ 
              B_name="Firefox"; 
          }else if(u_agent.indexOf("Chrome")>-1){ 
              B_name="Chrome"; 
          }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 
              B_name="IE(8-10)";  
          }
            document.write("B_name:"+B_name+"
        "); document.write("u_agent:"+u_agent+"
        "); }

         

 

你可能感兴趣的:(HTML+CSS+JS)