http://caniuse.com/#index     //Can I use... Support tables for HTML5, CSS3, etc-支持h5和css3的情况列表

JS包含: DOM  ECMA   BOM

==历史管理

方法一:用onhashchange:改变hash值来管理

产生7个随机数显示,产生一串数据数字昨晚 obj 对象的key,number作为值;关键赋值给hash

当前进后退是 hash改变,触发,取值显示到页面。

产生多少个随机数的方法。

方法二:

目前上面前进后退 地址栏是不会变化的,如若要变化,可以在 pushState函数第三个参数每次传一个递增的数据:var inow=1; 传 inow++;

==DOM

==JS跨域问题:jsonp

window.name, 内容是写到name上的,不会被暴露出来,《==不是很理解

【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例 - 随它去吧 - 博客园
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

JSONP是如何工作的? | Melon---没有太细看
http://blog.bpzufang.com/blog/2014/08/08/how-jsonp-really-works/

==闭包:


上面的a是局部变量,执行aaa()后a并没有被回收,通过调用b();a会不断累加。但是执行alert(a)会报错,因为a是局部的。

在JS中如果在函数的两边加上括号(),此函数就有函数声明变成了函数表达式,再在后面加上()像这样(function(){})();函数就会自执行。


模块化代码的一个模型


1、什么是闭包?2、闭包有什么好处?应用在哪里?
闭包好处:
1、希望一个变量长期驻扎在内存当中;2、模块化代码,避免全局变量的污染;3、私有函数,私有成员。3、闭包需要注意的地方?
IE下 可能会引发内存泄漏,解决方法 两个:
window.onload
= function(){var oDiv = document.getElementById('div1');
oDiv.onclick
= function(){
alert(oDiv.id);
};
window.onunload
= function(){
oDiv.onclic
= null;
};
}
===window.onload= function(){var oDiv = document.getElementById('div1');var id =oDiv.id;
oDiv.onclick
= function(){
alert(id);
};
oDiv
= null;
}

学习Javascript闭包(Closure) - 阮一峰的网络日志
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

===操作Iframe

防止被嵌套,被钓鱼

var oIframe = document.getElementById('iframe1');
oIframe.
contentWindow
.document.getElementById('div1').style.color='red'; 所有浏览器都可以

IE浏览器没有问题,在crome下直接打开不可以(在服务器下可以,为了安全)
oIframe.
contentDocument
.getElementById(); ie6 ie7是不支持的

==对象操作-浅拷贝 深拷贝

==快速排序

==枚举算法


obj.inertBefore(oLi,aLi[0]);

obj.appenChild(oLi)

obj.inertBefore(aLi[i],aLi[0]);//这样起到交互的效果?

==函数声明和函数表达式

函数声明和函数表达式

区别:

1、函数表达式可以直接在后面添加括号执行,而函数声明不可以。

2、函数声明可以提前被解析出来  (预编译)

以为预编译,所以与IF没有什么关系了,并不是想象的编译第一个。

==事件委托

本来是自己做的事情 ,却给了别人替你做这件事情

:利用冒泡的原理,把事件加到父级上,触发执行效果

window.onload = function(){var oUl =document.getElementById(‘ull‘);var aLi =document.getElementsByTagName(‘li‘);

oUl.onmouseover
= function(ev){var event = ev||window.event; //获取event对象 var target = ev.target || ev.srcElement; //获取触发事件的目标对象 if(target.nodeName.toLowerCase() == ‘li‘){ //判断目标对象是不是li target.style.background =‘red‘;
}

}
代码中加了一个标签名的判断,主要原因是如果不加判断,当你鼠标移入到父级oUL上面的时候,整个列表就会变红,这不是我们想要的结果,所以要判断一下。
target.nodeName 弹出的名字是大写的,所以需要转换大小写再比较。

标签: none

添加新评论