JavaScript基础学习

第六章(改进图片库)

1.承接第五章,尽量使JavaScript行为与网页相分离,使JavaScript代码减少对网页的依赖性
所以对图片库进行改进:
(1)是否支持平稳退化?
是的,当JavaScript被禁用后,图片的链接依然可以正常工作
(2)是否实现JavaScript与网页相分离:
否,因为onclick事件镶入没个a标签中;
更改:
要实现onclick绑定的事件与a表现分离并实施对象检测保证JavaScript的支持程度
需要写一个函数实现一下功能:
检查是否理解getElementBytagName
检查当前浏览器是否理解getElementbyid
检查当前网页是否存在一个id为“imgag”元素
遍历image元素的所有超链接
设置onclick事件让它在有关链接被单击时完成以下操作
1)把这个链接作为参数传递给showPic函数
2)取消这个链接的默认行为(即点击时打开链接)
JavaScript基础学习
直接调用就可以实现了。
2.虽然直接调用可以使得项目运行但是只是因为只有一个绑定事件
写出addLoad函数实现以下功能:
如果在这个函数上还没有绑定函数就把新函数添加给他
如果这个函数上有其他函数,就把新函数追加到现有指令的末尾
function addLoad(func){
var lodonLoad=window.onclick;
if(type window.onload!=‘function’){
window.func;
}else{
window.function(){
oldonload();
func();
}
}
}
这样只需要调用addLoad()把需要调用的函数赋值给他就可以了。
总结:
现在基本上JavaScript的行为与文档分离开来了
1.在编程中最好把JavaScript事件与文档分离开来,即方便日后代码的修改,又可以使得用户再禁止JavaScript功能时依然可以访问你的网页
2.做好对象检测工作来测试用户对JavaScript的支持程度