英文原文：The seven rules of Unobtrusive JavaScript
原文作者：Chris Heilmann
经过多年的开发、教学和编写不唐突的JavaScript， 我发现了下面的一些准则。我希望它们可以帮助你对“为什么这样设计和执行JavaScript比较好”有一点理解。这些规则曾经帮助我更快地交付产品，并且产品的质量更高，也更容易维护。
1.不要做任何假设
（JavaScript是一个不可靠的助手）
可能不唐突的JavaScript 的最重要的一个特性就是——你要停止任何假设：
* 不要假设JavaScript是可用的，你最好认为它很有可能是不可用的，而不是直接依赖于它。
* 在你经过测试确认一些方法和属性可以使用之前，不要假设浏览器支持它们。
* 不要假设HTML代码如你想象的那样正确，每次都要进行检查，并且当其不可用的时候就什么也不要做。
* 让JavaScript的功能独立于输入设备
* 要记住其他的脚本可能会影响你的JavaScript的功能，所以要保证你的脚本的作用域尽可能地安全。
在开始设计你的脚本之前，要考虑的第一件事情就是检查一下你要为其编写脚本的HTML代码，看看有什么东西可以帮助你达到目的。
2.找出钩子和节点关系
（HTML是脚本的基石）
在开始编写脚本之前，要先看一下你要为之编写JavaScript的HTML。如果HTML是未经组织的或者未知的，那么你几乎不可能有一个好的
脚本编写方案——很可能就会出现下面的情况：要么是会用JavaScript创建太多标记，要么就是应用太依赖于JavaScript。
在HTML中有一些东西需要考虑，那就是钩子和节点关系。
<1>.HTML 钩子
HTML最初的和最重要的钩子就是ID，而且ID可以通过最快的DOM方法——getElementById
访问到。如果在一个有效的HTML文档中所有的ID都是独一无二的话（在IE中关于name 和 ID
有一个bug，不过有些好的类库解决了这个问题），使用ID就是安全可靠的，并且易于测试。
其他一些钩子就是是HTML元素和CSS类，HTML元素可以通过getElementsByTagName方法访问，而在多数浏览器中都还不能
通过原生的DOM方法来访问CSS类。不过，有很多外部类库提供了可以访问CSS类名（类似于 getElementsByClassName）
的方法。
<2>.HTML 节点关系
关于HTML的另外比较有意思的一点就是标记之间的关系，思考下面的问题：
* 要怎样才可以最容易地
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td>no </table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" onc ......
单调的网站首页背景看多了不免有写厌烦，如果用户自己每刷新一次页面背景可以更换也许能为这种单调添一丝的新奇。这只需用一个JavaScript方法就可以搞定，通过随机函数在我们的一组图片中随机的选一张作为背景。
下面是JavaScript代码：
view plaincopy to clipboardprint?
<mce:script type="text/javascript" ......
