预留退路:如果JavaScript功能被禁用了,怎么办?<a href="image/timg.jpg" title="小僵尸" οnclick=“showPic(this); return false“>Fireworks</a>,如果当初选用JavaScript伪协议(即链接的href='#',或者并不是真正的链接地址),因为有时在你的<a>里内嵌了onclick事件,那么当链接被点击时,触发的是onclick事件的处理函数,真正的href属性就没什么用处了,所以有时会用到伪协议。
那么在不支持或者禁用JavaScript功能的浏览器里伪协议将毫无用处(因为onclick事件函数是写在JavaScript代码里的,链接被点击时,无法触发onclick事件处理函数,真正的href链接又不是合法的链接地址),所以正常情况还是将href设置为真实存在的值,以防止这样的情况发生。
分离JavaScript:将JavaScript与HTML分离,网页会健壮很多,问题就是内嵌的事件处理函数onclick,要将它添加在外部文件里。思路:遍历整个页面的图片链接,再给每个链接添加onclick事件,并加上事件处理函数。
进行必要检查:if (!document.getElementsByTagName),检查当前浏览器是否理解名为getElementsByTagName的DOM方法,如果浏览器不识别这个属性,则会返回false,取非之后,就是true
创建必要的变量:多次重复敲document.getElementById(””)非常麻烦,在不违反命名规则的前提下定义变量 var gallery=document.getElementById('imagegallery'); var links=gallery.getElementsByTagName('a');
多个JavaScript函数绑定到onload事件处理函数上:HTML文档完成加载前,DOM是不完整的,那么就无法执行getElementsByTagName等属性。网页加载完时会触发一个onload事件,此事件与window对象相关联,则我们可将包含getElementsByTagName的函数绑到这个事件上:window.οnlοad=prepareGallery;
坚持打卡!