大佬教程收集整理的这篇文章主要介绍了javascript note，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

function 有两个内置的变量
length 函数的参数个数
prototype 实例，里面存有共享的数据结构

apply call 绑定this

apply(this,array)
call(this,...args) 这两个方法本质上是一样的
bind(object) 不同点在于会返回一个绑定了这个this的函数的实例

“” vs new

引用类型和j基本包装类型的主要区别是对象的生命周期。使用New创建的引用类型的实例，在执行流离开当前作用域之前一直都保存在内存。而自动创建的基本包装类型对象，则只存在于代码的执行瞬间，然后立刻销毁。所以我们不可以在运行时为基本类型值添加属性方法。

number

toFixed(小数位):按照指定的小数位返回数字的字符串表示，四舍五入
toExponential(number):返回以指数表示法表示的数值的字符串形式
toPrecision(number):以上两个方法的综合

String

charAt(i) charCodeAt(i) stringvalue[i]
concat 拼接 不改变原来的字符串
slice subString substr
indexOf lasTindexOf
trim 副本
toLowerCase() toLocaleLowerCase() toUpperCase() toLocaleUpperCase()
str.match(pattern) : 返回一个包含匹配情况的字符串 index lasTindex [0]~
serach(pattern) : 返回找到的第一个匹配项的position
replace(pattern/str,str/ function(match,pos,originalText)) : 替换字符串
`

function htmlEscape(text){
    return text.replace(/[<>"&]/g,function(match,originalText){
        switch(match){
            case "<":
                return "&lt;";
            case ">":
                return "&gt;";
            case "&":
                return "&amp;";
            case "\"":
    } });
}
return "&quot;";
alert(htmlEscape("
Ting\">Hello world!
")); //&lt;p class=&quot;greeTing&quot;&gt;Hello world!&lt;/p&gt;

`
split(pattern/str,sizeOfArray) : 该方法不会把字符串看成是正则表达式
localeCompare()
fromCharCode() : 静态方法

@H_12_4@math

`

function SELEctFrom(lowerValue,uppervalue) {
    var choices = upperValue - lowerValue + 1;
    return Math.floor(Math.random() * choices + lowervalue);
}
var num = SELEctFrom(2,10);
alert(num); //   2 10  (  2 10)    

`

闭包

闭包只能取出包含函数中任何变量的最后一个值，可以通过在外面封装一层匿名函数并立刻执行来解决这个问题
如果闭包的作用域链中存在一个html元素，那么该元素永远不会被销毁
用匿名函数创造块级作用域
利用闭包创建访问私有变量的共有方法

this问题

var name = "The Window";
var object = {
    name : "My Object",getNameFunc : function(){
        return function(){
            return this.name;
        };
} };
alert(object.getNameFunc()()); //"The Window"(  严格   )

每个函数在调用的时候会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量的时候会搜索到其活动对象为止，因此永远不可能访问到w外部函数中的这两个变量

window

outerWidth outerHeight innerWidth innerHeight
resizeTo() resizeBy()
var newWindow = window.open(URL,窗口目标，特性字符串，新页面是否取代浏览器中当前页面)
newWindow.close() 只有弹出窗口可以通过代码关闭
newWindow.closed
newWindow.opener 打开它的窗口对象

top对象指向最外围的框架，也就是整个浏览器的窗口

在一些屏蔽了弹窗的浏览器内置程序，可以通过判断newWindow是否为null来判断是否屏蔽了弹窗
而一些用来屏蔽弹窗的扩展软件则会将open方法抛出错误

var blocked = false;
try{
    var newWindow = window.open(...);
    if(newWindow==null) blocked = true;
}catch(eX){
    blocked = true;
}
if(blocked) alert(...);;

设置超时调用，window的setTimeOut方法 setTimeOut(包含js代码的字符串/function，超时时间)
var timerId = setTimeOut(function,timE) 获得该超时调用ID，可用来取消超时调用 clearTimeOut(timerId)

设置间歇调用，window的seTinterval方法
var timerId = seTinterval(包含js代码的字符串/function，间歇时间)
clearTinterval(timerId)

使用超时调用模拟间歇调用是一种最佳模式

window.print
window.find

尽量使用typeof进行能力检测

DOM

一共有12中node类型
someNode.nodeType == Node.ELEMENT_NODE // IE中不可行
someNode.nodeType == 1 //通用
nodename 标签名
nodeValue 取值
childNodes 保存NodeList对象 length 但不是array

焦点管理

document.activeElement
文档加载期间，document.activeElement为null
document.hasFocus() 判断文档是否获得焦点
button.focus();
alert(document.hasFocus()); //true

readyState
loading：正在加载
complete：加载完成

var head = document.head || document.getElementsByTagName("head")[0];获得“”

document.charset 获得字符集

HTML5允许为元素添加非标准的属性，但是要添加前缀data-，目的为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加，随意命名
这些属性可以通过dataset访问
var div = document.getElementById("myDiv");
var appId = div.dataset.appId;
div.dataset.appId = 23456;

插入标记

innerHTML
outerHTML
insertAdjacentHTML()
scrollIntoView() 通过滚动浏览器窗口或某个元素容器，调用元素就可以出现在视觉中。如果这个方法传入true或不传入任何参数，那么窗口滚动只有会让调用元素的顶口与视口顶部尽可能平齐

扩展

children
contains

插入文本

innerText 包括子树的文本
function geTinnerText(element){

return (typeof element.textContent == "String") ?
    element.textContent : element.innerText;

}
function seTinnerText(element,text){

if (typeof element.textContent == "String"){
    element.textContent = text;
} else {
    element.innerText = text;
}

}

scrollIntoViewIfNeeded(alignCenter)：只有不可见时滚动
scrollByLines(lineCount)：将元素内容滚动指定的行
scrollByPages(PageCount)：将元素内容滚动指定的页面高度

13章 事件

IE事件冒泡：事件开始时由最具体的元素（文档中嵌套最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）
netscape事件捕获：不太具体的节点应该更早的接收事件，而最具体的节点最后接收事件

DOM事件流：事件捕获阶段，处于目标阶段，事件冒泡阶段

事件处理程序

局部变量event：event.type
btn.onclick = ... //DOM0级别事件
btn.onclick = null
btn.addEventListener("click",function(){
...
},falsE) false说明会在冒泡阶段调用事件处理程序 //DOM2级别事件处理程序，好处是可以添加多个处理程序

分别使用DOM0级和DOM2级方法或IE方法添加事件
var EventUtil = {

addHandler: function(element,type,handler){
    if (element.addEventListener){
        element.addEventListener(type,handler,falsE);
    } else if (element.attachEvent){
        element.attachEvent("on" + type,handler);
    } else {
        element["on" + type] = handler;
    }
},removeHandler: function(element,handler){
    if (element.removeEventListener){
        element.removeEventListener(type,falsE);
    } else if (element.detachEvent){
        element.detachEvent("on" + type,handler);
    } else {
        element["on" + type] = null;

} }
};

对象this始终等于currentTarget的值，而Target则只包含事件的实际目标

事件类型

UI事件：用户与界面上的元素交互时触发

load：页面完全加载后在window上触发，所有框架加载完毕后在框架集上触发，图像加载完毕后在元素上触发
unload：只要用户从一个页面切换到另一个页面就会触发unload事件
abort：用户停止下载过程时，如果嵌入内容没有完成，则在