介绍
在前端开发中，我们经常需要获取浏览器窗口的宽度和高度。其中，获取窗口宽度是比较常见的需求，这可以通过 window.innerWidth 属性来实现。但是，在旧版浏览器 Internet Explorer 8 中，该属性并不支持，因此我们需要寻找其他途径来获取窗口宽度。本文将介绍如何在 Internet Explorer 8 中获取窗口 innerWidth 的方法。
方法
Internet Explorer 8 中，我们可以使用以下代码来获取窗口 innerWidth：
var width = document.documentElement.clientWidth || document.body.clientWidth;
上述代码中，document.documentElement.clientWidth 获取文档的可视宽度，如果该值为 undefined，则使用 document.body.clientWidth 获取 body 元素的可视宽度。
需要注意的是，clientWidth 不包括滚动条的宽度，因此如果页面有滚动条存在，获取到的宽度值可能会比实际宽度小一些。
示例
下面是一个简单的示例代码，演示如何在 Internet Explorer 8 中获取窗口 innerWidth：
-- -------------------- ---- -------
--------- -----
------
------
----------- ------------------
----- ----------------
-------
---- -
------- --
-------- --
-
----- -
----------------- -----
------- ------
------------ ------
----------- -------
-
--------
--------
------------- - ---------- -
--- ----- - ------------------------------------ -- --------------------------
----------------------------------------- - -------- - ----- - -----
--
---------
-------
------
---- ----------------
-------
-------在上述示例代码中，我们使用 document.documentElement.clientWidth || document.body.clientWidth 来获取窗口宽度，并将其显示在一个 div 元素中。
结论
在 Internet Explorer 8 中，我们可以使用 document.documentElement.clientWidth || document.body.clientWidth 来获取窗口 innerWidth。需要注意的是，该方法不包括滚动条的宽度，因此如果页面有滚动条存在，获取到的宽度值可能会比实际宽度小一些。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13404