位置: 编程技术 - 正文

js获取浏览器基本信息大全(js获取浏览器的cookie)

编辑:rootadmin

推荐整理分享js获取浏览器基本信息大全(js获取浏览器的cookie),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js获取浏览器ua,js获取浏览器类型,js如何获取浏览器信息,js获取浏览器的cookie,js获取浏览器类型和版本信息,js获取浏览器ua,js获取浏览器ua,js获取浏览器类型和版本信息,内容如对您有帮助,希望把文章链接给更多的朋友!

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop网页被卷去的左:document.body.scrollLeft网页正文部分上:window.screenTop网页正文部分左:window.screenLeft屏幕分辨率的高:window.screen.height屏幕分辨率的宽:window.screen.width屏幕可用工作区高度:window.screen.availHeight屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容器的水平坐标event.offsetY 相对容器的垂直坐标document.documentElement.scrollTop 垂直方向滚动的值event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE,FireFox 差异如下:

IE6.0、FF1.+:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5:

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

-------------------

技术要点

本节代码主要使用了Document对象关于窗口的一些属性,这些属性的主要功能和用法如下。

要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性;在 IE下需要深入Document内部对body进行检测;在DOM环境下,若要得到窗口的尺寸,需要注意根元素的尺寸,而不是元素。

Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。

Document对象的body属性对应HTML文档的标签。Document对象的documentElement属性则表示HTML文档的根节点。

document.body.clientHeight表示HTML文档所在窗口的当前高度。document.body. clientWidth表示HTML文档所在窗口的当前宽度。

关于获取各种浏览器可见窗口大小的一点点研究。

在我本地测试当中:在IE、FireFox、Opera下都可以使用

document.body.clientWidth

js获取浏览器基本信息大全(js获取浏览器的cookie)

document.body.clientHeight即可获得,很简单,很方便。

而在公司项目当中:Opera仍然使用

document.body.clientWidth

document.body.clientHeight

可是IE和FireFox则使用

document.documentElement.clientWidth

document.documentElement.clientHeight

原来是W3C的标准在作怪啊 ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

在FireFox中:document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度&#;

在Opera中: document.body.clientWidth ==> 可见区域宽度

document.body.clientHeight ==> 可见区域高度

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

而如果没有定义W3C的标准,

则IE为:document.documentElement.clientWidth ==> 0

document.documentElement.clientHeight ==> 0

FireFox为:document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)

document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

Opera为:document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)

document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

真是一件麻烦事情,其实就前端设计开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。但是跟不上潮流就永远做不了一个高级设计师,所以这些知识我们还是必须要理解和熟练掌握的。

javascript中数组array及string的方法总结 一、array的方法总结会更改原来的的数组push、unshift方法,返回length。增加值得就返回length,其他返回该元素pop,shift返回该元素reverse返回该元素splice(start,d

javascript基本类型详解 js中一共5个原始值,6个typeof能判断的,9个原生的内置的构造函数。这,构成了js语言的基础。5个原始值是:数字,字符,布尔,null,undefinedtypeof能判

实例分析javascript中的call()和apply()方法 1、方法定义call方法:语法:call([thisObj[,arg1[,arg2[,[,.argN]]]]])定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call方法可以用来代替另

标签: js获取浏览器的cookie

本文链接地址:https://www.jiuchutong.com/biancheng/384815.html 转载请保留说明!

上一篇:javascript几个易错点记录(javascript里的yield)

下一篇:javascript中数组array及string的方法总结(javascript中array数组对象的含义及常用方法)

  • 购买财务软件的会计分录怎么做
  • 建安增值税怎么计算
  • 固定资产一次性折旧政策2023
  • 公司买手表账务处理
  • 收到的加盟费要交税吗
  • 销售费用包括啥
  • 公司账户的钱怎么取出来
  • 出现哪些情形纳入医保
  • 专用凭证和通用凭证的联系和区别
  • 长期股权投资的4个明细科目
  • 研发折旧会计分录
  • 一般纳税人可以转小规模吗
  • 免抵退办法出口销售额和免税销售额的区别
  • 印花税按次申报和按期申报区别
  • 正规沙场需要缴纳税吗
  • 建筑企业差额征税账务处理
  • 外帐的倒推流程是什么
  • 长期股权投资的初始计量
  • 冲回累计折旧
  • 合作社未按时报税怎么处理?
  • 小规模纳税人没有达到起征点怎么申报附加
  • 本月合计怎么做
  • 税金及附加包括个人所得税吗
  • 设备采购计入什么科目
  • 华为鸿蒙系统怎么样
  • 移动手机网速测试
  • 出租的设备
  • linux系统查询mac地址命令
  • 王者荣耀电脑版怎么键盘操作
  • 获取当前位置被拒怎么办
  • 房地产企业出售土地交什么税
  • 分期收款销售商品,收到本期货款50万元
  • 发票已认证当月未申报怎么办
  • 原材料的盘盈与盘亏的会计处理
  • 企业亏损还需要交增值税吗
  • 财务费用为负数是好事还是坏事
  • php递归实现1到100的和
  • thinkphp5框架介绍
  • 不构成业务的反义词
  • bad block bitmap checksum
  • 坏账准备备案申请资料
  • 主营营业成本会计分录
  • 保险费计入固定资产原值吗
  • python中的split函数
  • 新办商贸企业是国企吗
  • 理财产品分红和收益
  • 生产成品出库的会计分录
  • 支付其它与经营活动有关的现金对不上
  • 销售补偿法
  • 去年购进的货物怎么做账
  • 专项应付款的会计处理
  • 佣金支出和手续费一样吗
  • 普通发票冲红重开要多久
  • 库存商品暂估入库可以结转成本吗
  • 房租给托管公司
  • 租赁行业的成本
  • 收到投资厂房有折旧的记账凭证怎么处理
  • mysql怎么查询数据表
  • win8怎么查看系统信息
  • windows10周年更新
  • Cocos2d-x c++和java相互调用
  • NGUI字体图集导致Label文字破碎的BUG以及解决方案
  • perl 文本文件处理
  • 基于像素的分类方法
  • node.js模块
  • linux特殊符号转义
  • shell脚本批量添加10个用户
  • 网页弹窗不见了
  • python常用操作运算符
  • andorids
  • 红杏是什么意思什么样的
  • android开发环境搭建实验报告总结
  • imageview tint
  • android studio的app
  • 江苏国家税务机关电话
  • 武汉市契税减免政策
  • 夫妻相聚
  • 小微企业 2018
  • 发票多久作废不了
  • 白酒消费税怎么计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设