向后兼容--对象检测

男娘i 2022-06-18 13:07 180阅读 0赞

大家都应该听过平稳退化吧，大概意思就是如果当用户不支持JavaScript的话或者是比较老的浏览器不支持JavaScript的话，网页上的基本内容还是应该能够基本显示出给用户使用或者浏览的。

而这里向后兼容与平稳退化也差不多的意思：也就是说，如果某位用户在访问你的网站的时候，并且他的浏览器是支持JavaScript的，但是也不能排除有些浏览器对于一些脚本也是不能支持的，所以某些脚本也不一定可以正常工作，这个时候我们就应该做到向后兼容。

针对这个问题最简单的方法其实就是看一下这个浏览器对JavaScript的支持程度。一般来说都是使用If()语句来判断这个浏览器中是否有某个方法，如果有的话，说明它可以正常运行这个脚本的。这种检测我们称为是对象检测。几乎所有东西（包括方法在内的）都可以看做是对象，所以我们可以把不支持该方法的浏览器检测出来的。

例如这里有一个最常用的方法，就是document.getElementById()的方法，因为这个方法是属于DOM中的，所以我们在使用之前先检测一下这个浏览器是否支持这个方法。同时，我们需要记住的是使用对象检测的时候，一定要删掉方法名后面的圆括号，如果我们不删掉的话，测试的只会是方法的结果，不管这个方法是不是存在。

function check()\{

if(document.getElementById)\{//如果这里写成这样document.getElementById()，那么下面的语句是不会执行的。

statements using getElementById;

\}

\}

这里举出一个书上的例子，让大家更好地理解：对象检测

window.οnlοad=function()\{

if(!document.getElementsByTagName)\{return false;\}//这里加判断，如果没有这个方法的话，就让程序直接跳出

var links=document.getElementsByTagName();

for(var i;i<links.length;i++)\{

if(links\[i\].getAttribute("class")=="popup"\{

links\[i\].οnclick=function()\{

popup(this.getAttribute("href"));//popup是自定义的函数

return false;//阻止浏览器的默认行为，不跳转到别的窗口

\}

\}

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 Drawable 着色的后向兼容方案

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 看到 [Android Weekly][] 最新一期有一

偏执的太偏执、/ 2022年10月02日 01:56/ 0 赞/ 110 阅读

相关向后兼容--对象检测

大家都应该听过平稳退化吧，大概意思就是如果当用户不支持JavaScript的话或者是比较老的浏览器不支持JavaScript的话，网页上的基本内容还是应该能够基本显示出给用户使

男娘i/ 2022年06月18日 13:07/ 0 赞/ 181 阅读

相关 PHP7 不向后兼容的变更

错误和异常处理相关的变更在 PHP 7 中，很多致命错误以及可恢复的致命错误，都被转换为异常来处理了。这些异常继承自 Error 类，此类实现了 Throwa

太过爱你忘了你带给我的痛/ 2022年05月27日 02:53/ 0 赞/ 212 阅读

相关向上兼容和向下兼容

向上兼容(Upward Compatible) 向上兼容 (Upward Compatible)，又称作向前兼容（Foreward Co

╰+哭是因爲堅強的太久メ/ 2022年03月26日 03:24/ 0 赞/ 695 阅读

相关向后兼容性

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZf

系统管理员/ 2022年01月31日 00:06/ 0 赞/ 248 阅读

相关向后兼容

检查浏览器是否兼容这个方法，加一句： window.onload = function()\{ if(!document.getElementsByTagName

ゝ一世哀愁。/ 2021年12月17日 02:15/ 0 赞/ 299 阅读

相关向后兼容

检查浏览器是否兼容这个方法，加一句： window.onload = function()\{ if(!document.getElementsByTagName) ret

冷不防/ 2021年12月15日 02:05/ 0 赞/ 294 阅读

相关 CSS Hack 和向后兼容

1 instructions: //unvalidate 2 3 仅 Firefox 3 和 IE7 识别的 Hack: 4 selecto

布满荆棘的人生/ 2021年12月14日 06:09/ 0 赞/ 262 阅读

相关说说CSS Hack 和向后兼容

人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自

绝地灬酷狼/ 2021年11月09日 13:20/ 0 赞/ 279 阅读

相关向前兼容和向后兼容

对于先前兼容和向后兼容：向前兼容的英文为 Forwards Compatibility，Forward有“将来”的含义。因此向前兼容就是指：以前的版本支持现在版本生成的数据

朱雀/ 2021年10月24日 02:58/ 0 赞/ 412 阅读