JavaScript基础知识三

时间:2022-05-18 13:59:44

51、ES5中字符串新增的方法

  charAt()  获取指定位置上的字符
  indexOf() 获取字符第一次出现的位置
  substring() 截取字符串内容
  slice()  截取
  split()  将字符串分割成数组
  replace()  替换
  substr 返回一个从指定位置开始的指定长度的子字符串

52、字符转换成ascii码,数字转换成对应的字符 

  charCodeAt():将字符转换成ascii码
  String.fromCharCode():将数字转换成对应的字符

53、Math常见的API

  Math.random()=====随机数
        Math.pow()====次方
        Math.round()====四舍五入 
        Math.ceil() ===向上取整 
        Math.floor()===向下取整 
        Math.PI  ====π 
        Math.max()===返回最大值
        Math.min()===返回最小值
        Math.sqrt() ===开方

54、将10进制的字符转换成16进制和8进制

  数字.toString(16)
  数字.toString(8)

55、创建一个对象、增加、删除  

  第一种创建方式:var obj = new Object()
  第二种创建方式:var obj = {};
  增加属性:obj.属性名   obj.方法名
  删除属性:delete obj.属性名    delete  obj.方法名

56、js中常见的内置对象 

  new String()  new Array()  new Date()   new RegExp()   等等

57、创建时间对象 

  new Date()

58、创建未来或者过去的时间对象

  var d = new Date('2017-10-20 22:22:22')
  var d = new Date('2017/10/20 11:11:11')

59、获取时间戳

  getTime();

60、常用的时间API

        set/getFullYear()====获取年份
        set/getMonth()=====获取或者设置月份  月份是从0开始的 
        set/getDate() ====获取或者设置日期 
        set/getHours()====获取或设置时
        set/getMinutes()===获取或设置分
        se/getSeconds() ===获取或设置秒
        getDay();====如果是星期日的话返回是0;

61、将日期格式转化成为字符串

  function dateString(date,sign){
       if(sign==undefined){
            sign='/'
       }
  return d.getFullYear()+sign+d.getMonth()+sign+d.getDate()+''+'周'+d.getDay()+d.getHours()+':'+d.getMinutes()+':'+d.getSeconds()
  }

62、将指定格式字符串转化为日期两种方式

  a、var d = new Date('2018-11-11')
  b、var oTime = Date.parse('2019-11-11')
   var d = new Date(oTime)

63、浏览器缓存

  浏览器缓存(Browser Caching)是为了加速浏览,浏览器在用户磁盘上对请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览

64、打印当前浏览器的版本等信息

  navigator.userAgent
  返回包含浏览器版本等信息的字符串 ,常用于判断浏览器版本及使用设备(PC或者移动端)

65、window.onload与window.onscroll的区别

  window.onload:当页面加载完成的时候
  window.onscroll:当页面滚动的时候

66、关于DOM的增、删、查

  增---------createElement
    var oDiv = document.createElement('div');
    document.body.appendChild(oDiv);//只有追加后,页面上才会出现 
  删---------removeChild
    语法:fatherObj.removeChild(childrenObj) 
    参数解释:
    a、fatherObj:要删除子元素的元素对象
    b、childrenObj:要被删除的子元素对象
  查---------六种
    document.getElementById('');常用
    document.getElementsByClassName('');(ie9+)常用
    document.getElementsByTagName('');常用
    document.getElementsByName('');不常用
    document.querySelector(选择器)(IE8+)(IE8+)根据选择器返回匹配到的第一个元素
    document.querySelectorAll(选择器);(IE8+)常用 根据选择器返回匹配到的所有的元素

67、关于Dom节点的分类

  节点分为3种类型:
    a、元素节点 <span></span>
    b、文本节点 <span>xxx</span>
    c、属性节点 <span id ='xxx'></span>
  可以通过nodeType这个属性查看节点的类型
    nodeType == 1 元素
    nodeType == 2 属性
    nodeType == 3 文本节点

68、获取非行间样式

  function getStyle(obj,attr){
       if(obj.currentStyle){
            return obj.currentStyle[attr];
       }else{
           return getComputedStyle(obj,false)[attr]; 
       }
  }

69、获取、设置、删除自定义属性

   元素.getAttribute(属性名);
   元素.setAttribute(属性名,属性值);
  元素.removeAttribute(属性名);

70、关于IE的calss与className

  FF:使用setAttribute("class", vName)语句动态设置Element的class属性在firefox中是行的通的  
  IE:在IE中却不行。因为使用IE内核的浏览器不认识"class",要改用"className"