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

JavaScriptのクロスブラウザウィンドウサイズ変更イベントとは何ですか？

JavaScriptのウィンドウサイズ変更イベントには、addEventListener（）を使用します。次のコードは、現在のウィンドウのサイズを示します-

例 ライブデモ

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            margin-top: 10px;
            padding: 10px;
            background-color: #1E9E5D;
            width: 50%;
         } span {
            font-size: 50px;
         }
         </style>
         <script>
            window.addEventListener('resize', display);
            function display() {
               document.querySelector('.width').innerText = document.documentElement.clientWidth;
               document.querySelector('.height').innerText = document.documentElement.clientHeight;
            }
            display();
         </script>
      </head>
      <div>
         <span>Width= <span class="width"></span></span><br />
         <span>Height= <span class="height"></span></span>
      </div>
   </body>
</html>

  1. javascriptでのwindow.locationの使用は何ですか？

    Window.location読み取り専用プロパティは、ドキュメントの現在の場所に関する情報を含むLocationオブジェクトを返します。 Locationインターフェースは、リンク先のオブジェクトの場所（URL）を表します。プロパティはロケーションオブジェクトで利用できます- Location.href −これはURL全体を含むDOMStringです。変更された場合、関連するドキュメントは新しいページに移動します。関連するドキュメントとは異なるオリジンから設定できます。 Location.protocol −最後の「：」を含むURLのプロトコルスキーム。 Location.

  2. JavaScript型強制とは何ですか？

    型強制とは、データ型を自動的または暗黙的に別のデータ型に変換することを意味します。 以下はJavaScript型強制のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document&l