web开发平稳退化思想

1.平稳退化思想

1. "javascript:"伪协议

示例:<a href="javascript:function(){}">Example</a>

在不支持“javascript:”伪协议的的浏览器中，浏览器会尝试打开链接但失败，因此浏览器不会执行任何操作，达不到开发者的设计预期。

2.内嵌事件处理

示例:<a href="#" οnclick="function(){}">Example<a>

假如浏览器用户禁止了浏览器的javascript功能，这个链接也同样无法执行。

3.意义

极少数用户会在使用浏览器时禁用javascript功能，但有一类特殊用户——搜索机器人,它是一种自动化程序，浏览Web的目的是为了把各种网页添加到搜索引擎的数据库中，只有极少数的搜索机器人能识别javascript代码，因此如果网页不能平稳退化，将可能印象网页在搜索引擎上的排名。

4.处理思想

假如存在这样一个超链接<a href="http://www.baidu.com" οnclick="function(){window.open('http://www.baidu.com')};return false">用弹窗打开百度</a>。这个链接的本意是想用一个弹窗打开百度，用一个return false使得点击事件触发，但链接点击失败。因此在支持javascript代码时，浏览器会用弹窗打开百度，本身不会跳转到百度页面。即使浏览器禁用了javascript功能，因此内置点击事件被无效，但html形式的链接还能生效，虽然无法达到预期的弹窗打开百度，但也能转向百度页面，而不至于一个链接直接无效化。

备注:代码手打的，不确定是否有错