ホームページ >ウェブフロントエンド >htmlチュートリアル >ブラウザの表示領域の幅と高さを取得するための HTML 実装 (純粋なコード)

ブラウザの表示領域の幅と高さを取得するための HTML 実装 (純粋なコード)

不言
不言オリジナル
2018-08-02 09:41:122389ブラウズ

この記事では、ブラウザの表示領域の幅と高さを取得するための HTML 実装を紹介します (純粋なコード)。必要な友人が参考になれば幸いです。

/**
     * 获取浏览器可视区域宽度
     */
    function getViewPortOffset() {
        if (window.innerWidth) {
            return {
                w: window.innerWidth,
                h: window.innerHeight
            }
        } else if (document.compatMode = "BackCompat") {
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeigth
            }
        } else {
            return {
                w: document.documentElement.clientWidth,
                h: document.documentElement.clientHeight
            }
        }
    }
    console.log(getViewPortOffset());

おすすめ関連記事:

htmlブラウザのスクロール距離取得の実装(純粋なコード)

html画像プリロードの解析(コード付き)

以上がブラウザの表示領域の幅と高さを取得するための HTML 実装 (純粋なコード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。