javascript DOM 编程艺术札记2 平稳退化

定义

指的是即便浏览器不支持javascript，页面的基础展示功能也不会受到影响的做法。

不能平稳退化的实例

javascript:这种伪协议，它可以通过链接调用javascript函数。比如<a href="javascript:popUp('http://www.example.com');">example</a>
内嵌的事件处理函数 <a href="#" onclick="popUp('http://www.example.com');return false;">example</a>

它们不算平稳退化主要在于如果用户禁用了javascript，这样的链接虽然不会报错但是也失去了原本的作用。

平稳退化的做法

<a href="http://www.example.com" onclick="popUp(this.href);return false;">example</a>
即使不支持弹出窗口，基础的功能还在，仍然可以点击链接生效。

一些理论的知识点

CSS的最大优点是将Web文档的内容结构（标记）和版面设计（样式）分离开来。
渐进增强：用一些额外的信息层来包裹原始数据。这样的代码容易平稳退化。思考下CSS，就是包裹的样式，即使样式失效，内容本身仍在。
对应的javascript也可以像CSS那样，分离内容结构和页面行为。通常借助于属性节点class和id来实现定位。
==HTML文档加载完毕时将触发一个window.onload事件，这个事件将document对象加载到window里，所以window.onload执行时，document已经确认存在了==。
对象检测：使用逻辑非配合return语句比较简洁，更简洁方便地达到检测方法是否存在的目的。比如if(!documen.getElementsByTagName) return false;
HTTP规范，浏览器每次从同一域名最多只能同时下载两个文件。（实际上现在的浏览器已经突破这个限制了，看这里）所以脚本放置在

转载于:https://www.cnblogs.com/bityinjd/p/10102540.html

javascript DOM 编程艺术札记2 平稳退化相关推荐

JavaScript DOM编程艺术学习笔记（一）
嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...
JavaScript DOM编程艺术（第二版）
JavaScript DOM编程艺术简要介绍第二章: JavaScript语法语法语句注释变量数据类型数组对象操作条件语句比较操作符逻辑操作符循环语句 while循环 for ...
JavaScript DOM 编程艺术（第二版）学习之5-6章
JavaScript DOM 编程艺术 (第二版)学习之5-6章第五章最佳实践 5.1 过去的错误 5.2 平稳退化 5.2.1 "javascript:"伪协议 5.2.2 ...
JavaScript DOM编程艺术简略笔记
简略目录 1.BOM 2.DHTML 3.数组 4.条件判断的注意点 5.函数中变量的作用域问题 6.几种对象的简介 7.BOM和DOM 8.DOM操作中的一些特别点 9.JS文件与CSS文件的引入方 ...
JavaScript Dom编程艺术
当我对JavaScript还停留在只认识这几个字母的时候,有一天我突然心血来潮,在网上下了DOM Scripting的样章,照着里面的例子写了我平生第一个能让我知所以然JavaScript,在浏览器运 ...
初读JavaScript DOM编程艺术（一）
JavaScript DOM编程艺术--前三章概念总结一. 概述 1.什么是JavaScript 2.什么是DOM 二. JavaScript 语法 1. 语句和注释 2. 变量和数组三. DOM ...
JavaScript DOM编程艺术第一章：JavaScript简史
本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助, ...
重读《JavaScript DOM编程艺术》（第一版）
今天来了雅兴去图书馆看书.把<JavaScript DOM编程艺术>温习了一遍,平时写js的机会不是特别多,很多知识都有些模糊了. 伴随着身边键盘卡啦卡啦的声音,一位手速不是一般的快的程序 ...
《JavaScript DOM 编程艺术》读书笔记
<JavaScript DOM 编程艺术>读书笔记--其一第二章 1.Javascript代码编写方式: (1)将JavaScript代码放在文档<head>标签中的< ...

javascript DOM 编程艺术札记2 平稳退化

定义

不能平稳退化的实例

平稳退化的做法

一些理论的知识点

javascript DOM 编程艺术札记2 平稳退化相关推荐

最新文章

热门文章

javascript DOM 编程艺术 札记2 平稳退化

定义

不能平稳退化的实例

平稳退化的做法

一些理论的知识点

javascript DOM 编程艺术 札记2 平稳退化相关推荐

最新文章

热门文章

javascript DOM 编程艺术札记2 平稳退化

javascript DOM 编程艺术札记2 平稳退化相关推荐