谷歌浏览器不兼容的一些Js

  这篇博文主要记录本人在实际应用中碰到的谷歌浏览器与一些Js不兼容的问题,随着时间的推移,这篇博文的内容可能越来越多,也可能一点也没有(我想那时候谷歌肯定是相当牛逼的)。

1.谷歌浏览器不兼容document.getElementById("companyLi").style="display:block";

  利用js改变网页元素的显示与隐藏:

    document.getElementById("companyLi").style="display:block";//显示

    document.getElementById("companyLi").style="display:none";//隐藏

  以上两句代码谷歌、360、IE11不兼容,火狐浏览器兼容.

    document.getElementById("companyLi").style.display="block";//显示

    document.getElementById("companyLi").style.display="none";//隐藏

  以上两句代码各大浏览器都兼容.

  当然您也可以使用Jquery,那就简单的多了,可以使用

   $("#元素Id").hide();//隐藏

  $("#元素Id").show();//显示

  也可以使用  $("#元素Id").toggle();来控制元素的显示与隐藏.  

感谢您怀着耐心看完整篇博文!!!
如果文章有什么错误或不当之处,请您斧正!
您有任何意见或者建议,您可以给我发邮件,也可以在下面留言,我看到了会第一时间回复您的,谢谢!

时间: 2024-10-16 07:04:23

谷歌浏览器不兼容的一些Js的相关文章

顶 兼容各种浏览器js折叠菜单

<!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-Typ

怎样让谷歌浏览器切换兼容模式打开网页

常见 Datagrid 错误 摘要:学习如何避免在使用 ASP.NET Datagrid 控件进行开发时可能发生的一些常见错误(本文包含一些指向英文站点的链接). Datagrid 控件是 Microsoft® ASP.NET 中功能最强.用途最广的 Web 控件之一,这一点已经得到了 ASP.NET 权威人士的认同.虽然 Datagrid 控件易于使用,但同样易于给使用者带来麻烦.以下是许多人所犯的一些错误,这些人包括从初学者到富有经验的 .NET 专家.您可以看到许多苦闷的使用者在 ASP.

兼容低版本JS的Array.map方法

前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. 看如下兼容性实现方式: 实现思路:1,先验证this对象,再将this用Object封装成obj. 2,获取封装后的obj的属性长度 3,验证是否有回调方法 4,根据obj的属性长度lengh生成新的数组,new Array(length). 5,遍历obj对象,获取mapKey,mapValue,

用于兼容浏览器的js写法

用于引用的源文件代码: var Common = { getEvent: function() {//ie/ff if (document.all) { return window.event; } func = getEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor == Event || arg0.constructor == MouseEv

兼容好的JS图片上传预览代码

在上传图片前预览图片的功能,可提高你网站的用户体验,让用户清楚所要上传的图片是不是选对了.本代码无JS插件,纯JavaScript结合HTML来实现,是一个很不错的例子,比较完整: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&

ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法

响应式布局,html5和css3,ie8不支持,可以通过respond.js插件来实现响应. 用法注意事项 一,css样式表内容.要放在css文件中, 二,css文件必须是无bom头格式的编码文件 三,css文件必须放在head标签内进行引用.放在html中的body中引用无效. 四,css文件必须放在respond.js之前引用,respond.js可以放在body或网页底部,但为了防止闪屏,建议放在head中. 用法示例 <!doctype html> <html> <h

谷歌浏览器不兼容小于12px的字体,在做网页的时候怎么解决

在html或者body里添加一句谷歌浏览器专有的内核属性样式(或者在需要设置小文字字体对象CSS选择器添加也可)如下CSS代码:html,body{-webkit-text-size-adjust:none;} 或.divcss5{-webkit-text-size-adjust:none;} 注:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下滚动鼠标中键的那功能) html,body{-webkit-text-size-adjust:none;} //或者某个

IE、火狐、谷歌浏览器下兼容统一select样式

项目开发时,对于不同浏览器下的select样式不统一问题,各种查,这里记录一下,项目已使用 IE浏览器下样式: 火狐浏览器下样式: 谷歌浏览器下样式: 上代码: 1.html 2.css 至此,大功告成!

兼容IE8的js格式化日期方法,解决ie8不支持Date()的问题

function dateFormat(dateString,format) { if(!dateString)return ""; var time = new Date(dateString.replace(/-/g,'/').replace(/T|Z/g,' ').trim()); var o = { "M+": time.getMonth() + 1, //月份 "d+": time.getDate(), //日 "h+&quo