<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>