1.document.write和innerHTML的区别
解析:document.write为整体页面重绘,innerHTML为节点赋值
2.通过window.navigator.userAgent来检测浏览器类型
3.数据类型相关的趣的表达式
typeof null :object
typeof undefined: undefined
typeof NaN: NaN
alert(NaN==undefined): false
alert(NaN == NaN) : false
var str = '123cc' alert(typeof(str++)) :number alert(str) :NaN
4.阻止事件的冒泡及默认事件
解析:
IE: window.event.cancelBubble window.event.returnValue = false 或者 return false;
非IE: e.stopPropagation() e.stopPreventDefault()
5.循环条件是以离分号最近那个条件决定的
解析:
for(var i = 0, k = 0; i < 10,k < 6; i++, k++) {
j = i + k;
}
for(var i = 0, k = 0; k < 10,j < 6; i++, k++) {
j = i + k;
} 两表达式结果证明
6.js当中求某个字符串的字节数需要使用到ASCII表
解析:var reg =/[^\x00-\xff]/ig // 匹配是否中文或者全角,如果是,则字节长度为2,否则为1,循环str
function strBit (str) {
var length = 0;
for (var i = 0; i < str.length; i++) {
if (str[i].match(reg)) {
length += 2;
} else {
length += 1;
}
}
return length;
}
7.js对象深度拷贝
解析:Object.assign({}, obj) (严格上说这个方法是为浅拷贝)或者 var newObj = JSON.parse(JSON.stringify(obj)) (这个方法是有坑 的)
8.实现Array.prototype.forEach =
function (fn) {
for(var i = 0; i < this.length; i++) {
fn(this[i],i,this)
}
}
9.如何将类数组argument转成数组
解析:Array.form; 创建新数组; Array.prototype.slice.call()
10.js获取指定元素的样式属性
解析:function getStyle(element,attr) { return window.getComputedStyle? window.getComputedStyle(element,null)[attr]:element.currentStyle[attr]; }