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>

原文地址:https://www.cnblogs.com/Eleanore/p/2518172.html