JS DOM 编程艺术(第2版)读书笔记 第5章 最佳实践
16lz
2021-01-22
第5章 最佳实践
平稳退化 和 渐进增强 让不支持或禁用了javascript浏览器也能顺利浏览网页。
一个简单例子:
function popUp(url){
window.open(url, "popUp", "width=320,height=480")
}
伪协议和onclick处理事件:也能完成打开弹出窗口的需求。但是在不支持JavaScript或禁用的JavaScript的浏览器,页面就无法正常打开。
<a href="javascript:popUp('http://www.qq.com/')">open1</a>
<a href="#" onclick="popUp('http://www.qq.com');return false;">open2</a>
平稳退化的方法:即使在不支持JavaScript或禁用了JavaScript的浏览器,虽然不能弹出窗口打开,但还是能够正常打开想要的页面。
<a href="http://www.qq.com" onclick="popUp(this.href);return false;">open3</a>
还是不够完美,没有做到样式文件,脚本文件和结构分离,继续往下看。
window.onload = function(){
// 检查对象和方法是否存在,如果方法不存在退出函数。
更多相关文章
- IE 浏览器各个版本 JavaScript 支持情况一览表
- Aptana Studio 3 IDE中有运行JavaScript代码的方法吗?
- 我可以禁用“后退”按钮浏览器功能吗?
- 前台 post方法提交却变成了 get 方法
- 浏览器如何处理HTML元素上的无效/未指定的属性?
- js“DOM事件”之鼠标事件、js的测试方法、js代码的放置位置
- iOS uiwebview无法从javascript方法加载资源
- 注入html行模板的最佳方法
- Javascript学习:案例7--对象属性和方法的遍历、删除、添加.html