溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

什么是JavaScript中innerWidth和innerHeight

發(fā)布時間:2020-07-14 11:11:47 來源:億速云 閱讀:144 作者:Leah 欄目:web開發(fā)

這篇文章將為大家詳細講解有關(guān)什么是JavaScript中innerWidth和innerHeight,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

 JavaScript中的innerWidth屬性返回寬度,innerHeight屬性返回窗口內(nèi)容區(qū)域的高度。

語法:

window.innerWidth
window.innerHeight

參數(shù):它不需要任何參數(shù)。

返回值:返回一個數(shù)字,表示窗口內(nèi)容區(qū)域的寬度和高度。

注意:對于IE 8 ie(Internet Edg 8)或更早版本,請使用clientWidth和clientHeight獲取窗口的寬度和高度。

示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>瀏覽器內(nèi)部的寬度和高度</title>
    <style>
        body{
            text-align:center;
        }
        .gfg {
            font-size:40px;
            font-weight:bold;
            color:green;
        }
    </style>
</head>
<body>
<div class = "gfg">億速云</div>
<h3>瀏覽器窗口</h3>
<p id="demo"></p>
<script>
    var Width, Height, result;

    // 瀏覽器窗口的高度和寬度
    Width = window.innerWidth || document.documentElement.clientWidth
        || document.body.clientWidth;

    Height = window.innerHeight || document.documentElement.clientHeight
        || document.body.clientHeight;
    // 顯示寬度和高度。
    result = document.getElementById("demo");
    result.innerHTML = "瀏覽器內(nèi)部寬度: " + Width +
        "<br>瀏覽器內(nèi)部高度: " + Height;

</script>
</body>
</html>

輸出:

什么是JavaScript中innerWidth和innerHeight

關(guān)于什么是JavaScript中innerWidth和innerHeight就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI