JavaScript常用事件——window事件

0.はじめに
前のセクションでは主にイベントの概念を理解して、時間の設定方法まで、次にいくつかのwindowでよく使われるイベントを話します.

ワンロードロードイベントとワンロードアンインストールイベント.

オンスクリーン事件.

オンスリゼウィンドウ変化イベント.

1.onloadロードイベントとonunloadアンインストールイベント
ページが完全に読み込まれた後にイベントを読み込みます.

window.onload = function() {
            alert("         ");
        };

        alert("     ……");

ページが完全にアンインストールされた後、アンインストールイベントが起動されます.

window.onunload = function() {
            alert("sunck is a good man!");
        };

2.onscrollスクロール事件
スクロール時にスクロールイベントを起動します.

window.onscroll = function() {
            console.log("  ");

            var h = document.documentElement.scrollTop || document.body.scrollTop;
            console.log(h);
        };

Dcument.documentElement.scrollTopとdocument.body.scrollTop;は、スクロールの高さを設定します.上にスクロールバーを載せて置いていますが、最後までスクロールしたら一番上に戻りたいですが、どうすればいいですか?下にボタンを設置し、イベントの傍受を追加することができます.

function func() {
            document.documentElement.scrollTop = 0;
            document.body.scrollTop = 0;
        }

そのスクロールバーを「0」に設定すればいいです.
3.onresizeウィンドウ変化イベント
ウィンドウサイズを変更すると、ウィンドウの変更イベントが起動されます.

window.onresize = function() {
            console.log("    ");

            var w = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth;

            var h = document.documentElement.clientHeight || document.body.clientHeight || window.innerHeight;

            console.log(w, h);
        };

注意:スクリーンの広さと高さを覚えて、これからの開発に役立ちます.

var w = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth;

            var h = document.documentElement.clientHeight || document.body.clientHeight || window.innerHeight;

4.まとめ
これはほんの一部分です.興味のある友達は自分で試してみてもいいです.みなさん、お兄さんとお姉さん、賞をください.