【DOM编程艺术】javascript:伪协议和onclick 弹出窗口(一)
2014-04-12 12:28
337 查看
<!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>
相关文章推荐
- 【DOM编程艺术】继续弹出窗口(二)
- 【javascript之Dom编程艺术】六
- javascript Dom 编程艺术:ANIMATED SLIDESHOW
- Javascript+DOM编程艺术——摘要
- js平稳退化,性能考虑(javascript DOM 编程艺术)
- JavaScript_DOM编程艺术(第二版)第四章
- JavaScript.DOM编程艺术(第2版) PDF
- JavaScript_DOM编程艺术第二版学习笔记-第10章
- 《JavaScript DOM 编程艺术(第2版)》读书笔记
- 【javascript之Dom编程艺术】三
- JavaScript DOM 编程艺术(第2版)读书笔记(2)
- 《JavaScript DOM 编程艺术》(第二版)读书笔记(一)
- JavaScript DOM 编程艺术(第二版) 初读学习笔记
- 《JavaScript DOM 编程艺术》(第二版)读书笔记(二)
- JavaScript Dom 编程艺术学习笔记之DOM操作
- Web前端学习第十五天·fighting_JavaScript(DOM编程艺术3-4章)
- javascript+dom编程艺术 -笔记
- 【JavaScript DOM 编程艺术】 笔记
- JavaScript DOM 编程艺术(小记)
- Javascript_DOM编程艺术(上)