Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでブラウザウィンドウのサイズが変更されたときのイベントはどれですか?


window.outerWidthを使用します およびwindow.outerHeight ブラウザのサイズが変更されたときにウィンドウのサイズを取得するJavaScriptのイベント。

次のコードを実行してイベントを操作し、ブラウザのウィンドウサイズを確認できます-

<!DOCTYPE html>
<html>
   <head>
      <script>
         function resizeFunction() {
            var val = "Window Width=" + window.outerWidth + ", Window Height="
            + window.outerHeight;
            document.getElementById("test").innerHTML = val;
         }
      </script>
   </head>
   <body onresize = "resizeFunction()">
      <p>Resize browser window and check the window (browser window)
      height and width again.</p>
      <p id = "test"> </p>
   </body>
</html>

  1. JavaScriptを使用して新しいブラウザウィンドウを開くための最良の方法は何ですか?

    ウィンドウオブジェクトのopen()メソッドは、JavaScriptを使用して新しいブラウザウィンドウを開くための最良の方法です 以下は、JavaScriptを使用して新しいブラウザウィンドウを開くためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc

  2. ブラウザウィンドウがHTMLでサイズ変更されているときにスクリプトを実行しますか?

    Webブラウザウィンドウのサイズが変更されると、サイズ変更 属性トリガー。 例 次のコードを実行して、 onresizeを実装してみてください。 属性- <!DOCTYPE html> <html>    <body onresize = "display()">       <p>Resize the window to trigger event.</p>       <script>     &n