1.养成 js,css从html中分离的习惯
JavaScript 行为
css 表现
html 结构
2.浏览器兼容
你永远不可能兼容所有浏览器,习惯这一点,二八定律,兼容主要的浏览器就可以。
3.无侵入的javascript规范写法
例子:给a加链接
错误写法:<a href="#" onclick="showpopup(niceimage.jpg)">Nice images!</a>
正确写法:
html部分:<a href="niceimage.jpg" id="nice">Nice image!</a>
javascript部分:
document.getElementById(‘nice’).onclick=function(){
showpopup(this.href;)}
例子2
无侵入的 alert('Hello world!')写法
html部分: <body>
<div id="test">This is a test div</div>
</body>
javascript部分://引入了test.js
var test=document.getElementById('test');
test.onlick=function(){alert('Hello world!')};
把大部分语句装进函数的写法
function initializepage(){
var x=document.getElementById('test');
x.onlick=function() {alert('Hello world!')};
}
4.条件运算符 ?:
条件运算符是Javascript提供的有用的简写语法之一,我总是使用它来做简单的对比。例如,在9F中我们将碰到一个显示/隐藏脚本。如果一个元素当前具有display:block,我希望设置它的display为none,或者相反;
var currentValue=this.relatedTag.style.display;
var newValue=(currentValue=='none') ? ‘block’:‘none’;