javascript编程原则和良好习惯

<a href="#" onclick="popUp('http://www.example.com/'); return false;">Example</a>javascript利用window对象的open方法来创建新的浏览器窗口。

window.open（url，name，features）

url：新窗口中打开的那份文档的url链接

name：新窗口的名称

features：以逗号分割的字符串，其内容是新窗口中的各种属性（新窗口的尺寸、被激活和禁用的各种浏览功能（工作条、菜单条、初始显示位置等等）），新窗口的功能应该少而精。

例如：

       function  popUp（winURL）｛

          window.open（winURL，“popup”,"width=320,height=480"）;

｝

”javascript：“伪协议

伪协议让我们可以通过一个链接来调用javascript函数，

<a href="javascript:popUp('http://www.example.com/');">Example</a>

这条语句在支持‘javascript：’伪协议并启用了javascript功能的浏览器中正常运行；不支持这种伪协议的浏览器则会去尝试打开那个链接但失败；支持这种伪协议但禁用了javascript功能的浏览器会什么也不做。

总之，在HTML文档里通过‘javascript：’伪协议调用javascript代码的做法非常不好。

内嵌事件处理函数

把onclick事件处理函数作为属性嵌入<a>，该处理函数在onclick世家发生时调用图片切换函数。

<a href="#" onclick="popUp('http://www.example.com/'); return false;">Example</a> 

这条HTML指令里实用了return false语句，这个链接不会真的被打开。

href属性值设置为"#"，只是为了创建一个空连接，实际工作将全部由onclick属性负责完成。

这个技巧与用‘javascript：’伪协议调用javascript代码做法同样糟糕，因为他们都没有预留后路。

如果javascript网页没有预留退路，它们在搜索引擎上的排名肯定会大受损坏。

为javascript函数预留退路是很简单的，在有关的链接里把href属性设置成真是存在的URL地址，让它成为一个有效的链接，具体到popUp函数：

<a href="'http://www.example.com/" onclick="popUp('http://www.example.com/'); return false;">Example</a> 

 精简写法：<a href="'http://www.example.com/" onclick="popUp(this.href); return false;">Example</a>