《ppk 谈 javascript》读书笔记 byWasabi

《ppk 谈 javascript》读书笔记 bywasabi三个分离

1. 表现与结构分离 (css 与其html);

2. 行为与结构分离 (javascript 与 html);

3. 行为与表现分离 (javascript 与 css);

行为与结构分离

1) 独立文件中的函数

2) 从html中先移除事件处理程序

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);}  

//错误示范： <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隐藏内容

重定向用户

js代码 <embed width="14" height="15" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" quality="high" src="http://wasabi.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf">

//它会覆盖旧页面在游览器中的历史记录。当用户点击后退，她会被送到历史记录中的前一个页面。  

location.replace('scriptpage.html');  

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

location.href = 'scriptpage.html';  

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