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

JavaScriptで画面の利用可能な高さと利用可能な幅を取得するにはどうすればよいですか？

window.screen オブジェクトは、ブラウザ画面に関する情報を取得するための多くの機能を提供しています。 screen.availWidthを提供しています およびscreen.availHeight 利用可能な高さを取得するには および使用可能な幅 画面の。それらについて個別に話し合いましょう。

使用可能な幅

例 screen.availWidth プロパティは、訪問者の画面の実際の幅を返します。これは、Windowsタスクバーなどのインターフェイス機能の幅を差し引くことを意味します。結果の値はピクセルになります 。

<html>
<body>
<p id="width"></p>
<script>
   document.getElementById("Width").innerHTML =
   "Available screen width is " + screen.availWidth;
</script>
</body>
</html>

出力

Available screen width is 1366


使用可能な高さ

例 screen.availHeight プロパティは、画面の実際の高さを返します。これは、Windowsタスクバーなどのインターフェイス機能を差し引くことを意味します。結果の値はピクセルになります 。

<html>
<body>
<p id="height"></p>
<script>
   document.getElementById("height").innerHTML =
   "Available screen width is " + screen.availHeight;
</script>
</body>
</html>

出力

Available screen height is 728

  1. Androidデバイスの画面の高さ、幅を取得するにはどうすればよいですか？

    この例は、Androidデバイスの画面の高さ、幅を取得する方法を示しています。 ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。 ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://sch

  2. android.widget.ImageViewの高さと幅を取得するにはどうすればよいですか？

    この例は、Androidでandroid.widget.ImageViewの高さと幅を取得する方法を示しています。 ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。 ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:androi