编写客户端脚本的一些建议

  今天看书时,看到一个建议挺好的,特地写出来跟大家分享下。

  在网页中,XHTML描述的是页面的内容和结构;页面对用户动作如何反应则是页面的行为(这通常用js完成);而页面的表示(包括样式,布局等)则是由css负责的。因此,将内容,行为和表示分离开来将会是一种很好的方式。可是,如果这三者完全分离了,那页面还怎么调用js函数啊(css当然没问题了),不要着急,这个时候我们就需要使用window.onload事件处理程序了。

  具体来讲,我们可以在js文件中使用window.onload来调用一个函数,然后将页面的所有行为都在函数中进行注册:

  简单的代码示例:

window.onload = InitPage;

  function InitPage() {   

    alert("我可是什么都没做啊!");   

    RegisterEventHandler();

  }
  function RegisterEventHandler(){

      document.getElementsByTagName("img")[0].onclick = clickme;   

   //.........

  }

  function clickme() {   

    alert("hi,我是图片!");

  }

  这样就可以实现三者的完全分离了。于是,我们的网页就干净了,维护起来也方便多了。

posted @ 2011-07-07 18:05  寒江鸟  阅读(307)  评论(0)    收藏  举报