美文网首页
跨浏览器窗口兼容js

跨浏览器窗口兼容js

作者: 努力与幸运 | 来源:发表于2019-05-09 17:16 被阅读0次

firefox,safari,opera,chrome 为确定浏览器窗口的大小都提供了4个属性:

innerWidth ,innerHeight,outerWidth,outerHeight

在Safari和firefox中,outerWidth,outerHeight返回浏览器窗口本身的尺寸(无论是从最外层的window对象还是从某个框架访问)

在opera中,这两个属性的值表示页面视图容器(指Opera中单个标签页对应的浏览器窗口)的大小。而innerWidth和innerHeight则表示该容器中页面视图区的大小(减去边框宽度)

在chrome中四个值返回相同的值,即视口(viewport)大小而非浏览器窗口大小。

IE没有提供取得当前浏览器窗口尺寸的属性,但是可以通过DOM提供页面可见区域的相关信息。

IE,Firefox,Safari,Opera,chrome中,document.documentElement.clientWidth 和document.documentElement.clientHeight中保存了页面视口的信息。

相关文章

  • 跨浏览器窗口兼容js

    firefox,safari,opera,chrome 为确定浏览器窗口的大小都提供了4个属性: innerWid...

  • 惰性载入函数

    惰性载入函数(跨浏览器兼容模式初次加载优化) 由于浏览器之间的行为差异,大多数js代码包含了大量if语句,比如下面...

  • 笔记&代码段-临时保存下

    前端 sticky footer(兼容ie 10) flex教程 、flexbox跨浏览器兼容Bug html 设...

  • js常用代码

    兼容js关闭窗口不带提示: function CloseWebPage(){ if (navigator.user...

  • 前端10

    浏览器前缀 -ms-兼容IE-moz-兼容firefox-o-兼容opera-webkit-兼容谷歌和苹果 JS ...

  • js数据类型和运算符

    浏览器前缀 -ms-兼容IE-moz-兼容firefox-o-兼容opera-webkit-兼容谷歌和苹果 JS ...

  • 兼容所有浏览器的js关闭当前页面/窗口的代码

    我们在js中判断能力窗口或页面都离不开window.close()函数了,但是如果要做到兼容所有浏览器实现关闭当前...

  • JS获取屏幕大小

    JS获取屏幕大小 JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

  • JS—XML(跨浏览器)

    跨浏览器解决方案 分析存在的兼容性1、load()只有IE,Firefox,Opera支持,所以无法跨浏览器。2、...

  • 容器与图片宽高不确定前提下图片居中

    需求:针对浏览器窗口,图片水平居中。浏览器窗口高宽未知;图片高宽未知;且必须考虑图片比窗口大要兼容低版本ie,所以...

网友评论

      本文标题:跨浏览器窗口兼容js

      本文链接:https://www.haomeiwen.com/subject/fflgoqtx.html