• js基础的知识整理


    一、操作样式:

       .style   操作行间样式

      .className 修改class

    二、操作属性

      1. .  更简单,操作已有的属性

      2. [] 更灵活,点能做的,方括号都能做。方括号中放的是字符串,方括号可以放变量,点不能。

    三、获取元素的方式

      document.getElementById  通过ID获取一个元素

      obj.getElementsByTagName 通过标签名获取一组元素

      obj.getElementsByClassName  通过class获取一组元素 通过class获取不兼容。不兼容:IE6,7,8

    四、检测数据类型:typeof 数据类型: number   数字 boolean   布尔值 string    字符串 undefined   未定义 object    对象 function   函数

    五、获取非行间样式:

      function getStyle(obj,sName){  

        return obj.currentStyle?obj.currentStyle[sName]:getComputedStyle(obj,false)[sName];

      }

    六、获取随机数 Math.random()    获取0-1之间的小数,包括0 ,永远不包括1

      function rnd(n,m){  

        return parseInt(n+Math.random()*(m-n));

      }

    七、定时器: 

      事件以毫秒为单位

      setInterval(fn,ms)  连续执行

      setTimeout(fn,ms) 执行一次

    **先清后开。

    八、日期对象

      var oDate = new Date(); 获取

      oDate.getFullYear() 获取年

      oDate.getMonth() 获取月,要+1

      oDate.getDate() 获取日

      oDate.getDay() 获取星期,星期日是0

      oDate.getHours() 获取时

      oDate.getMinutes() 获取分

      oDate.getSeconds() 获取秒

      oDate.getTime(0 获取时间戳 时间戳: 1970年1月1日 0:0:0:0  到现在经历过的毫秒数

      设置 oDate.setFullYear(y,m,d); oDate.setFullYear(y,m); oDate.setFullYear(y);

      oDate.setMonth(m,d);  月份要-1 oDate.setMonth(m);

      oDate.setDate(d);  设置日

      oDate.setHours(h,m,s,ms); oDate.setHours(h,m,s); oDate.setHours(h,m); oDate.setHours(h);

      oDate.setMinutes(m,s,ms); oDate.setMinutes(m,s); oDate.setMinutes(m);

      oDate.setSeconds(s,ms); oDate.setSeconds(s);

      日期对象会自己进位

    九、arguments 实参参数的数组。

      当参数个数不固定时,使用这个东西。

    十、i的问题

      1.循环中加事件,事件中使用i

         解决:自定义属性 封闭空间

      2.循环中加定时器,定时器中使用i  

        解决:封闭空间

    十一、封闭空间:省了个名字。 (function(){})();

      封闭空间的作用: 1.解决i的问题。 2.解决变量名冲突的问题。

    十二、eval   把字符串变成可执行的语句

      evaljson的时候要加括号

        var str = '{a:1,b:2}';

        eval('('+str+')');

    十三、json  装东西的

       没有length 下标是名字 用for...in循环

    十四、批量设置样式

      function setStyle(){

         if(arguments.length==2){   

          for(var name in arguments[1]){    

            arguments[0].style[name]=arguments[1][name];   

          }  

         }else{  

             arugments[0].style[arguments[1]]=arguments[2];  

            }

       }

    十五、数组的length可以更改

        清空数组: arr.length=0;

             arr = [];

             arr.splice(0,arr.length);

             while(arr.length){  arr.pop();  arr.shift(); }

    十六、获取浏览器信息: window.navigator.userAgent

  • 相关阅读:
    Python笔记_第四篇_高阶编程_再议装饰器和再议内置函数
    Python笔记_第四篇_高阶编程_实例化方法、静态方法、类方法和属性方法概念的解析。
    Python笔记_第四篇_高阶编程_二次封装
    Python笔记_第四篇_高阶编程_反射_(getattr,setattr,deattr,hasattr)
    Python笔记_第四篇_高阶编程_正则表达式_3.正则表达式深入
    Python笔记_第四篇_高阶编程_正则表达式_2.正则表达式入门
    Python笔记_第四篇_高阶编程_正则表达式_1.正则表达式简介(re模块)
    Python笔记_第四篇_高阶编程_检测_2.文档检测
    愿你的眼中总有光芒,活成你想要的模样!
    ruby-rails 环境搭建
  • 原文地址:https://www.cnblogs.com/September-9/p/4687890.html
Copyright © 2020-2023  润新知