`
xiaomogu
  • 浏览: 51728 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

如何用jQuery做浏览器类型判断和分辨率判断,直接贴代码:

阅读更多
来源:http://itindex.net/blog/2011/12/27/1324977447270.html
如何用jQuery做浏览器类型判断和分辨率判断,直接贴代码:



<SCRIPT type="text/javascript">

var bHeight=$(window).height()-$('.ui-layout-south').height()-$('.ui-layout-north').height();

$("#page").css({height:bHeight+'px'});

$(function() {

if($.browser.msie) {

}

else if($.browser.safari) {//contains chrome

}

else if($.browser.mozilla) {

}

else if($.browser.opera) {

}

else {

//alert("i don't konw!");

}

});





</SCRIPT>

<script type="text/javascript">

$(document).ready(function()        

{

//alert($(window).height()); //浏览器当前窗口可视区域高度

//alert($(document).height()); //浏览器当前窗口文档的高度

//alert($(document.body).height());//浏览器当前窗口文档body的高度

//alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

//alert($(window).width()); //浏览器当前窗口可视区域宽度

//alert($(document).width());//浏览器当前窗口文档对象宽度

//alert($(document.body).width());//浏览器当前窗口文档body的高度

//alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin



alert(screen.height);//显示器分辨率,只能用JavaScript代码获取

alert(screen.width);

})

</script>

来源:http://e7show.net/index.php?option=com_content&view=box&vid=20120102165220

//返回当前页面高度
function pageHeight(){ 
if($.browser.msie){ 
return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : 
document.body.clientHeight; 
}else{ 
return self.innerHeight; 
} 
}; 



//返回当前页面宽度 
function pageWidth(){ 
if($.browser.msie){ 
return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth : 
document.body.clientWidth; 
}else{ 
return self.innerWidth; 
} 
}; 
分享到:
评论

相关推荐

    jquery实现浏览器嗅探器特效.zip

    操作系统可以通过用户代理字符串识别,设备类型可以通过检查`navigator.userAgent`中的特定关键字(如“Mobile”)或检测触摸事件的存在来判断,屏幕分辨率则可以使用`window.screen.width`和`window.screen.height`...

    jquery实现浏览器嗅探器特效特效代码

    虽然`$.browser`不再直接可用,但我们可以利用User-Agent字符串来判断浏览器类型和版本。User-Agent是浏览器发送到服务器的一个头信息,包含关于浏览器身份的详细信息。以下是一个简单的示例: ```javascript ...

    jQuery无限滚动加载图片瀑布流代码.zip

    实现这个效果通常需要计算每个元素的高度,使得相邻元素在视觉上对齐,同时保持布局的响应式,适应不同的屏幕分辨率和设备类型。在这个代码实现中,可能会使用到CSS3的媒体查询(Media Queries)来实现自适应布局。 ...

    jquery判断iPhone、Android设备类型

    总之,通过jQuery和JavaScript的userAgent字符串,我们可以实现基本的设备类型判断,但在开发中应该注意持续更新和验证这些判断逻辑,以确保它们在不断变化的网络环境中仍然有效。同时,对可能存在的用户代理字符串...

    自学JQuery的代码总结

    在页面中同时使用jQuery和Prototype时,可能会出现命名空间冲突的问题。为了解决这一问题,可以使用`noConflict()`方法将`$`符号释放给Prototype库使用。 ```javascript &lt;script src="prototype.js"&gt;&lt;/script&gt; ...

    2345阅读王jQuery全屏幻灯片.zip

    通过使用jQuery,开发者可以更加高效地编写跨浏览器的JavaScript代码,因为jQuery已经处理了许多浏览器兼容性问题。 在2345阅读王的全屏幻灯片设计中,主要利用了jQuery的事件监听、DOM操作和动画功能。幻灯片通常...

    jQuery全屏TAB页面切换特效代码

    6. **优化与兼容性**:为了保证在不同设备和浏览器上的良好表现,需要考虑响应式设计,适应不同分辨率的屏幕。同时,对于不支持CSS3的旧版浏览器,可能需要提供回退方案,确保基本功能的可用性。 在压缩包中,"使用...

    javascript常用代码

    - 判断浏览器类型:`navigator.userAgent`。 - 判断IE版本:`!!window.ActiveXObject || 'ActiveXObject' in window`。 - 客户端分辨率:`screen.width`和`screen.height`。 结合类代码涉及多种验证和功能的组合...

    日志记录组件log4web.js.zip

    返回字符串,格式:" Chrome,39.0.2171.95",逗号前表示浏览器类型,逗号后表示浏览器版号.os.操作系统字符串。flash.返回字符串,格式:"1,15",逗号分隔,第一个表示是否安装flash,1:是,0:否。15:表示flash版本....

    javascript代码常用大全

    - **5.1 判断浏览器的类型** - 通过 `navigator.userAgent` 获取用户代理字符串,并通过字符串匹配识别不同浏览器。 - **5.2 判断ie的版本** - 在用户代理字符串中查找 IE 相关信息,并提取版本号。 - **5.3 判断...

    JS代码实现电脑配置检测功能

    在JavaScript中实现电脑配置检测功能,主要是通过浏览器提供的API来获取关于用户计算机的相关信息,如操作系统、网络状态、浏览器类型、浏览器版本、屏幕分辨率以及Flash版本等。以下是一些主要的知识点: 1. **DOM...

    31个网站制作中有用的JS特效代码1

    `window.innerWidth`和`window.innerHeight`属性可获取浏览器窗口的宽度和高度,用于判断设备类型。 3. **表单验证**:JS可以实时验证用户输入,避免提交无效或格式错误的数据。例如,可以使用正则表达式检查邮箱...

    手机-PC站自动跳转(PC-手机)_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    8. **JS和CSS库**:在实际项目中,开发者可能会利用JavaScript库(如jQuery)和CSS框架(如Bootstrap)来简化开发,提高代码复用性,并提供预设的UI组件和动画效果。 9. **设备检测**:为了实现自动跳转,源码可能...

    前端项目-watch.zip

    - 虽然MutationObserver提供了强大的功能,但过度使用可能会增加浏览器的性能负担,因此合理设置观察范围和频率非常重要。 - 对于CSS属性的监听,可能需要额外处理,因为它不是MutationObserver的默认观察项。 - ...

    input框添加图片按钮

    为了确保良好的兼容性,本示例代码中采用了一种根据浏览器类型动态调整CSS属性值的方法: ```javascript $(function(){ var explorer = window.navigator.userAgent; if(explorer.indexOf('MSIE') &gt; 0){ $("....

    《正则表达式大全(下)》(高清晰)pdf版

    根据提供的信息,《正则表达式大全(下)》是一本专注于正则表达式的电子书籍,主要涉及各种类型的验证模式和一些实用的功能性正则表达式。以下是对该书提到的知识点进行详细的阐述: ### 一、验证类 #### 1、数字...

    手机版瀑布流

    在开发过程中,使用版本控制工具(如Git)管理代码,配合持续集成/持续部署(CI/CD)流程,确保代码质量和版本迭代的顺利进行。同时,进行跨平台和跨浏览器的测试,确保在实际环境中能够正常运行。 最后,文件"手机...

    JavaScript折叠效果

    8. **兼容性处理**:虽然现代浏览器对JavaScript和CSS3支持良好,但为了确保在老版本浏览器中也能正常工作,可能需要引入polyfills或使用jQuery等库来提供向后兼容的解决方案。 9. **可访问性**:在实现折叠效果时...

    html5翻牌对对碰.zip

    9. **JavaScript框架/库**:为了简化开发,开发者可能使用了如jQuery、React或Vue.js等JavaScript库或框架,它们提供了便利的DOM操作、动画效果和组件化开发等功能。 通过分析这个HTML5翻牌对对碰游戏源码,我们...

Global site tag (gtag.js) - Google Analytics