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

JavaScriptでブラウザウィンドウの内側の高さと内側の幅を見つける方法は？

Javascriptウィンドウ オブジェクトは単にブラウザウィンドウを表します。 この方法は、すべてのブラウザでサポートされています。 内側の高さを取得するには および内側の幅 このメソッドは、 window.innerHeightなどのいくつかのプロパティを提供しています。 およびwindow.innerwidth それぞれ。これらのプロパティを使用すると、ブラウザウィンドウの高さと幅を簡単に見つけることができます。それらについて個別に話し合いましょう。

内側の幅

次の例では、プロパティ window.innerWidthを使用します 、ブラウザウィンドウの内側の幅 が検出され、結果が出力に表示されます。結果はピクセル単位で表示されます。

例 
<html>
<body>
<p id="width"></p>
<script>
   var w = window.innerWidth
   var x = document.getElementById("width");
   x.innerHTML = "Browser inner window width: " + w ;
</script>
</body>
</html>

出力

Browser inner window width: 598


内側の高さ

次の例では、プロパティ window.innerheightを使用します ブラウザウィンドウの内側の高さ が検出され、結果が出力に表示されます。結果はピクセル単位で表示されます。

例

<html>
<body>
<p id="height"></p>
<script>
   var h = window.innerHeight
   var x = document.getElementById("height");
   x.innerHTML = "Browser inner window height: " + h ;
</script>
</body>
</html>

出力

Browser inner window height: 477;

  1. JavaScriptで幅と画面サイズの比率（幅：高さ）に基づいて高さを見つける

    問題 画面の幅を最初の引数として、アスペクト比（w：h）を2番目の引数として受け取るJavaScript関数を作成する必要があります。これらの2つの入力に基づいて、関数は画面の高さを返す必要があります。 例 以下はコードです- const ratio = '18:11'; const width = 2417; const findHeight = (ratio = '', width = 1) => {    const [w, h] = ratio    .split(':')  

  2. C＃でコンソールの最大のウィンドウの高さと幅を取得する

    コンソールの最大ウィンドウ高さを取得するには、コードは次のとおりです- 例 using System; public class Demo{    public static void Main(string[] args){       Console.WriteLine("Largest Window Height of the Console = "+Console.LargestWindowHeight);    } } 出力 これにより、次の出力が生成されます- Largest Window