闭包
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(){
return i;
};
}
return result; }
//i均为10
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(num){
return function(){
return num;
};
}(i);
}
return result; }
//i为1,2,3…10
BOM
window对象
在 IE9+、Safari和Firefox 中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从外层的 window 对象还是从 某个框架访问)。在Opera中,这两个属性的值表示页面视图容器①的大小。而innerWidth 和innerHeight 则表示该容器中页面视图区的大小(减去边框宽度)。在 Chrome 中,outerWidth、outerHeight 与 innerWidth、innerHeight 返回相同的值,即视口(viewport)大小而非浏览器窗口大小。在 IE、Firefox、Safari、Opera 和 Chrome 中,document.documentElement.clientWidth 和 document.documentElement.clientHeight 中保存了页面视口的信息。在 IE6中,这些属性必须在 标准模式下才有效;如果是混杂模式,就必须通过document.body.clientWidth和document.body. clientHeight 取得相同信息。而对于混杂模式下的 Chrome,则无论通过 document.documentElement 还是 document.body 中的 clientWidth 和 clientHeight 属性,都可以取得视口的大小。
window.open()
setTimeout()、clearTimeout()、setInterval()、clearInterval()
alert()、confirm()和 prompt()
location对象
location.href = "";
history对象
history.go()
DOM
- getAttribute() setAttribute()
- document.createElement()
- 父、子节点
- document.createTextNode()
DOM扩展
HTML5
- getElementsByClassName()方法
- classList 属性
<div class="bd user disabled">...</div>
div.classList.remove("user");
- innerHTML()
- scrollIntoView()可以在所有 HTML 元素上调用,通过滚动浏览器窗口或某个容器元素,调用 元素就可以出现在视口中。