`
李小抽SuperITGirl
  • 浏览: 46738 次
  • 性别: Icon_minigender_2
  • 来自: 沈阳
社区版块
存档分类
最新评论

关于JS、jQuery中个别方法的浏览器兼容性问题之总结(陆续更新)

 
阅读更多

一、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……);

 

1
0
分享到:
评论

相关推荐

    常见浏览器兼容性问题汇总

    【浏览器兼容性问题】是IT领域中一个长期存在的挑战,特别是在网页开发中。浏览器兼容性问题主要源于不同浏览器对Web标准的实现不一致,尤其是在早期Web发展的阶段,各大浏览器厂商如Internet Explorer、Firefox、...

    微软的 jquery.tmpl.min.js,浏览器兼容性最强

    《jQuery tmpl.min.js:浏览器兼容性之王》 在网页开发中,JavaScript库jQuery一直以其易用性和广泛的浏览器兼容性而备受青睐。然而,仅靠jQuery本身并不能满足所有复杂的动态数据展示需求,这就是jQuery插件jQuery...

    jQuery API 一个兼容多浏览器的javascript框架

    jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...

    jQuery解决浏览器兼容性问题案例分析

    在Web开发中,浏览器兼容性问题一直是个棘手的问题,尤其是在JavaScript和DOM操作方面。jQuery作为一款广泛使用的JavaScript库,其核心目标之一就是提供一种跨浏览器的解决方案,以简化JavaScript编程,尤其是解决...

    HTML5+JQUERY文件上传,手机浏览器兼容性好(asp.net例子) 源码

    `jquery-1.11.1.min.js`是jQuery库的压缩版本,用于提供JavaScript的便利性和兼容性。它是整个系统中不可或缺的一部分,因为文件上传的大部分交互逻辑都会依赖于它。 最后,`upload`可能是一个文件夹,包含了处理...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...

    js浏览器兼容问题的大全

    在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...

    JQuery鉴别各种浏览器以及版本

    这有助于解决跨浏览器兼容性问题,提供定制化的用户体验,或者针对特定浏览器进行性能优化。下面我们将详细讨论如何使用jQuery来鉴别各种浏览器及其版本。 1. **jQuery.browser对象** 在早期版本的jQuery(1.3.x及...

    JS中出现的兼容性问题的总结.pdf

    接下来,将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式(CSS)问题: 通常情况下,我们可以通过JavaScript的style属性获取元素的内联样式,但对于行外样式(即通过CSS样式表设置的样式),...

    jQuery 弹出浮动层兼容各种浏览器

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨如何使用jQuery实现一个兼容多种浏览器的弹出浮动层,同时具备可拖动和透明度调整功能。 ...

    jquery 调用浏览器打印功能

    2. jQuery Migrate 插件:解决 jQuery 新旧版本的兼容性问题。 3. jqPrint 插件:提供方便的打印功能,使得可以通过 jQuery 调用浏览器的打印接口。 4. HTML 元素和事件:创建触发打印的按钮,通过 JavaScript 处理...

    jquery弹出层兼容所有浏览器.zip

    总结,实现jQuery弹出层在所有浏览器中的兼容性,需要关注CSS、事件处理、动画效果、元素定位等多个方面。通过合理的代码结构和jQuery提供的工具,我们可以有效地解决这些问题,为用户提供一致且流畅的体验。同时,...

    浏览器兼容

    浏览器兼容性是IT领域中的一个重要话题,特别是在网页开发和用户体验设计中。这个主题涉及到不同的网络浏览器如何处理相同的HTML、CSS、JavaScript代码以及Web标准的实现差异。以下是对这个主题的详细解析: 首先,...

    jquery判断360浏览器

    总结一下,本文介绍了如何使用jQuery结合User Agent检测来判断用户是否使用360浏览器,并探讨了为何需要进行这种检测以及可能遇到的兼容性问题。同时,`test360.html`和`jquery.ua.js`文件提供了实现这一功能的实际...

    jQuery图片滚动自适应浏览器

    【jQuery图片滚动自适应浏览器】是一种网页设计技术,利用JavaScript库jQuery实现图片在不同分辨率的浏览器窗口中自动调整尺寸并流畅滚动。这种技术通常应用于全屏或焦点图展示,为用户提供一个美观且交互性强的浏览...

    JS的兼容性问题

    4. **框架与库的应用**:借助成熟的JavaScript框架和库(如jQuery)来处理兼容性问题。 5. **使用polyfill**:为旧版本浏览器提供缺失功能的实现。 6. **统一接口**:对于不同浏览器中存在差异的API,可以通过封装一...

    Jquery返回顶部代码兼容各种浏览器

    本篇文章将详细解析如何使用jQuery实现这个功能,并确保其在各种浏览器中的兼容性。 ### 1. jQuery基础 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。使用...

    图文切换-多浏览器兼容-jQuery-jcSlider

    标题中的“图文切换-多浏览器兼容-jQuery-jcSlider”表明我们要探讨的是一个基于jQuery的JavaScript库,jcSlider,它专门用于实现图文切换效果,并且这个库在多种浏览器上具有良好的兼容性。以下是对这些知识点的...

Global site tag (gtag.js) - Google Analytics