1)预留退路:确保网页在不支持或禁用JS时也能工作
原则:href属性值设置为javascript伪协议和#这样的样式都是非常不好的,最好把herf的属性设置为真实存在的URL值,让他成为一个有效的连接,这样,即使不支持JS,这个链接也是可用的。这就是一个预留退路的例子。
2)分离JS:把网页描述和JS脚本的工作分离开
用一些额外的信息层[JS代码]去包裹原始数据[普通HTML网页]的做法。
具体来说就是:将function函数写在外部js文件中,并把调用JS的语句模块也写为一个function函数,一并放在外部JS脚本中。
3)向后兼容性:确保老版本的浏览器不会因为JS版本问题死机
if( !getElementById || !getElementByTagName){
return false;
}
含义:若是浏览器检测不出getElementById这个方法,表名这个浏览器不支持当前dom操作,则请离开。
几个简化的语句 [DOM-Core------>HTML-DOM]
document.getElementByTagName("form"):document.forms
palceholder.getAttibute("src"):placeholder.src
whichPic.getAttibute("herf"):whichPic.herf
建议:尽量使用DOM-Core来编写,虽然可能使用HTML-DOM更为简单。