JavaScript基础知识三
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"