<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>window.open</title> </head> <body> <a href="#" onclick="popup(‘http://www.example.com/‘);return false;">Example</a> //<a href="javascript:popup(‘http://www.example.com/‘)">Example</a> <script> function popup(winURL){ window.open(winURL,‘popup‘,"width=320,height=460"); } </script> </body> </html>
onclik与用"javascript:"伪协议调用javascript代码的做法同样糟糕,因为它们都不能平稳退化
预留退路
<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.getAttribute(‘href‘));return false;">Example</a>
更简化:
<a href="http://www.example.com/" onclick="popup(this.href);return false;">Example</a>