Javascript TIPS No.12 画面のサイズを取得する「screen.width　screen.height」

Javascript TIPS
  • 画面サイズを取得するプログラムです
  • 超簡単なのに、なにかと便利！


文法

screen.width;
screen.height;

サンプルコード

<html lang="ja-JP">
<head><title>画面のサイズを取得する</title>
<script type="text/javascript">

var mySW = screen.width;
var mySH = screen.height;

alert('このPCの画面サイズは、横:' + mySW + "/縦:" + mySH + "です。");

</script>
</head> 
<body> 
</body> 
</html>

サンプルを見る

解説

  • 画面サイズを取得して、アラートで表示する(だけ)の超簡単なプログラムです
画面サイズを取得
  • 横幅(screen.width)と縦幅(screen.height)を取得し、それぞれ変数に格納する
var mySW = screen.width;
var mySH = screen.height;
表示
  • 画面サイズが格納された変数(mySW mySH)をアラートで表示する
alert('このPCの画面サイズは、横:' + mySW + "/縦:" + mySH + "です。");
おまけ
  • ちなみにローカルで実行すると、セキュリティ警告が出てしまいまいます(winXP sp2)
  • 下の一行を先頭に追加することで、回避することができます

参考:No.1 WindowsXP SP2でセキュリティ警告を出なくする



<!-- saved from url=(0014)about:internet -->

Javascript TIPS 一覧へ戻る