用js使行为与结构相分离
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
做网页的时候css给我们提供了一个让页面显示与页面结构想分离的方法,也就是给元素加上class或者id之类的表示,然后在.css文件中定义显示的样式,这样使我们可以更方便的管理页面的显示,以及修改网页样式。其实我们通过JavaScript同样可以将页面的结构与行为分开。
首先当页面加载完毕时会处罚window.onload事件,因此可以指定onload的事件处理函数
其次可以通过对DOM的操作,来动态给元素加载行为,这样可以批量管理和修改元素的行为
如:当我想给某些链接加一个行为即当点击时弹出一个新窗口可以这样做
window.onload = prepareLinks;
function prepareLinks()
{
var links = document.getElementsByTagName("a");
for(var i=0 ; i<links.length ; i++)
{
if(links.getAttribute("class")=="js_popup")
{
links.onclick = function(){
popUp(this.getAttribute("href"));
return false;
}
}
}
}
}