《ppk 谈 javascript》读书笔记 byWasabi

三个分离
1. 表现与结构分离 (CSS 与其HTML);
2. 行为与结构分离 (JavaScript 与 HTML);
3. 行为与表现分离 (JavaScript 与 CSS);

行为与结构分离
1) 独立文件中的函数
2) 从HTML中先移除事件处理程序

//错误示范：
<a href="javascript:showPopup('niceimage.jpg');">Do Nifty!</a>
//正确示范：
<a href="niceimage.jpg" id="nice">Do Nifty!</a>

document.getElementById('nice').onclick = function (){ showPopup(this.href);}

可访问性规则
1. 条理分明的HTML
2. 硬编码的连接必须有href
3. 产生对本用户有意思的内容
4. 用JavaScript隐藏内容

重定向用户

//它会覆盖旧页面在游览器中的历史记录。当用户点击后退，她会被送到历史记录中的前一个页面。
location.replace('scriptpage.html');

//它会创建一条新的游览器中的历史记录。当用户点击后退，会被送到href前的那个page,跟着又执行location.href.后退按钮的功能事实上被破坏了，这也是现有的最糟糕的可用性问题之一。
location.href = 'scriptpage.html';

JavaScript中使用&&和|| 的怪異特性_ppk筆記