一、CSS样式的获取
比如,我想获取当前页面中font-size样式的值
在IE浏览器中可以使用 元素.currentStyle.具体属性 的方法获得具体的值。
但是在360和FF中currentStyle则会失效,这个时候要用到getComputedStyle(元素, 伪类名).属性 的方法。其中伪类名如果不存在则写null。
兼容性写法如下:
var target = document.getElementByID("a"); var tag_fontsize = null; if(target.currentStyle)//IE { tag_fontsize = target.currentStyle.fontSize; } else//360 and FireFox { tag_fontsize = getComputedStyle(target, null).fontSize; }
二、获取浏览器的尺寸
/**获取屏幕的宽度*/ var winWidth = 0;//屏幕的宽px if(typeof(window.innerWidth) == "number")//360和火狐浏览器 { winWidth = window.innerWidth; } else if ((document.body) && (document.body.clientWidth))//IE浏览器 { winWidth = document.body.clientWidth; }
三、触发window.onresize函数
window.onresize函数只在IE浏览器中有效,在360 和FF中都无效,所以,最明智的解决方法就是改用jQuery:$(window).resize(function(){blabal……}); 代替 JS中的window.onresize = fucntion(blabla……);
相关推荐
【浏览器兼容性问题】是IT领域中一个长期存在的挑战,特别是在网页开发中。浏览器兼容性问题主要源于不同浏览器对Web标准的实现不一致,尤其是在早期Web发展的阶段,各大浏览器厂商如Internet Explorer、Firefox、...
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...
《jQuery tmpl.min.js:浏览器兼容性之王》 在网页开发中,JavaScript库jQuery一直以其易用性和广泛的浏览器兼容性而备受青睐。然而,仅靠jQuery本身并不能满足所有复杂的动态数据展示需求,这就是jQuery插件jQuery...
在Web开发中,浏览器兼容性问题一直是个棘手的问题,尤其是在JavaScript和DOM操作方面。jQuery作为一款广泛使用的JavaScript库,其核心目标之一就是提供一种跨浏览器的解决方案,以简化JavaScript编程,尤其是解决...
`jquery-1.11.1.min.js`是jQuery库的压缩版本,用于提供JavaScript的便利性和兼容性。它是整个系统中不可或缺的一部分,因为文件上传的大部分交互逻辑都会依赖于它。 最后,`upload`可能是一个文件夹,包含了处理...
在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...
在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...
这有助于解决跨浏览器兼容性问题,提供定制化的用户体验,或者针对特定浏览器进行性能优化。下面我们将详细讨论如何使用jQuery来鉴别各种浏览器及其版本。 1. **jQuery.browser对象** 在早期版本的jQuery(1.3.x及...
接下来,将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式(CSS)问题: 通常情况下,我们可以通过JavaScript的style属性获取元素的内联样式,但对于行外样式(即通过CSS样式表设置的样式),...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨如何使用jQuery实现一个兼容多种浏览器的弹出浮动层,同时具备可拖动和透明度调整功能。 ...
2. jQuery Migrate 插件:解决 jQuery 新旧版本的兼容性问题。 3. jqPrint 插件:提供方便的打印功能,使得可以通过 jQuery 调用浏览器的打印接口。 4. HTML 元素和事件:创建触发打印的按钮,通过 JavaScript 处理...
总结,实现jQuery弹出层在所有浏览器中的兼容性,需要关注CSS、事件处理、动画效果、元素定位等多个方面。通过合理的代码结构和jQuery提供的工具,我们可以有效地解决这些问题,为用户提供一致且流畅的体验。同时,...
浏览器兼容性是IT领域中的一个重要话题,特别是在网页开发和用户体验设计中。这个主题涉及到不同的网络浏览器如何处理相同的HTML、CSS、JavaScript代码以及Web标准的实现差异。以下是对这个主题的详细解析: 首先,...
总结一下,本文介绍了如何使用jQuery结合User Agent检测来判断用户是否使用360浏览器,并探讨了为何需要进行这种检测以及可能遇到的兼容性问题。同时,`test360.html`和`jquery.ua.js`文件提供了实现这一功能的实际...
【jQuery图片滚动自适应浏览器】是一种网页设计技术,利用JavaScript库jQuery实现图片在不同分辨率的浏览器窗口中自动调整尺寸并流畅滚动。这种技术通常应用于全屏或焦点图展示,为用户提供一个美观且交互性强的浏览...
4. **框架与库的应用**:借助成熟的JavaScript框架和库(如jQuery)来处理兼容性问题。 5. **使用polyfill**:为旧版本浏览器提供缺失功能的实现。 6. **统一接口**:对于不同浏览器中存在差异的API,可以通过封装一...
本篇文章将详细解析如何使用jQuery实现这个功能,并确保其在各种浏览器中的兼容性。 ### 1. jQuery基础 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。使用...
标题中的“图文切换-多浏览器兼容-jQuery-jcSlider”表明我们要探讨的是一个基于jQuery的JavaScript库,jcSlider,它专门用于实现图文切换效果,并且这个库在多种浏览器上具有良好的兼容性。以下是对这些知识点的...