javascript - JavaScriptで画面解像度を検出する方法

Question

私は異なるLCDを持っている可能性があり、それぞれが異なるサイズであるため、javascriptに画面解像度自体を検出させたいと思います。これは私が持っている一時的なコードです。

<html>
<head>
<title>ViewImage</title>
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
setTimeout("location.reload(true);",timeoutPeriod);
}
//   -->
</script>
</head>
<body onload="JavaScript:timedRefresh(1);">

<img src = "screenshot.jpeg" width="1014" height="751">
</body>
</html>

JavaScriptをコードに入れようとしました

<img src = "screenshot.jpeg" <script type="text/JavaScript">"width ="screen.width </script>>

しかし、それは失敗しました。私がそれを開いたとき、誰でもこの問題を手伝ってもらえますか? 前もって感謝します

score 3 · Accepted Answer

コードにいくつか問題があるようです:

イベントJavaScript:から削除できます。これはハイパーリンク内で使用されますonLoad

<a href="javascript: doSomething()" />Link</a>

また、1 ミリ秒ごとにページを更新しようとしています (1 秒ごとに更新しようとしている場合は、1000 に変更する必要があります)。

関数は次のように記述した方がよいため、次の使用を避けますeval。

function timedRefresh(timeoutPeriod) {
    setTimeout(function() { 
        location.reload(true); 
    }, timeoutPeriod);
}

score 2 · Accepted Answer

あなたの場合、これで十分です：

<img src = "screenshot.jpeg" width ="100%" />

jsFiddle デモ

もちろん、これはbodyビューポートと同じサイズの場合にのみ実行されます。imgこれは基本的に、がその親 (この場合は ) と同じ大きさであるべきであることをブラウザに伝えbodyます。

注: Javascript は期待どおりに動作しません。<script>スクリプト (主に Javascript) をドキュメントに埋め込むことができる HTML 要素です。クライアント側で Javascript を使用して HTML ソースを変更することはできません (サーバー側で PHP や Python などを使用する場合と同様)。ただし、DOM を変更することはできます。

score 1 · Accepted Answer

CSS3 の 'size' および 'cover' プロパティも、古いバージョンの IE についてあまり心配していない場合にのみ、この状況で役立ちます。JavaScriptを使用する必要はありません

デモ - http://jsfiddle.net/fHwu8/

body{
    background: #000 url(http://www.psdgraphics.com/wp-content/uploads/2009/02/abstract-background.jpg) left top fixed no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%; /*cover*/
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}

score 1 · Accepted Answer

これを試すことができます

window.screen.availHeight for getting height
window.screen.availWidth  for getting width

ありがとう。

score 0 · Accepted Answer

0

試す：

window.screen.availHeight
window.screen.availWidth

于 2012-05-17T10:15:05.650 に答える

javascript - JavaScriptで画面解像度を検出する方法

5 に答える 5

Related

Reference