ウィンドウ
ウィンドウ内部の高さを取得する - window.innerHeight
window.innerHeightでウインドウ内部の高さを取得することができます。
<script type="text/javascript"> <!-- alert(window.innerHeight); // --> </script>
ウィンドウ内部の幅をを取得する - window.innerWidth
window.innerWidthでウインドウ内部の幅を取得することができます。
<script type="text/javascript"> <!-- alert(window.innerWidth); // --> </script>
ウィンドウ外側の高さを取得する - window.outerHeight
window.outerHeightでウインドウ外側の高さを取得することができます。
<script type="text/javascript"> <!-- alert(window.outerHeight); // --> </script>
ウィンドウ外側の幅を取得する - window.outerWidth
window.outerWidthでウインドウ外側の幅を取得することができます。
<script type="text/javascript"> <!-- alert(window.outerWidth); // --> </script>
ウインドウの左端からの位置を取得 - window.screenX
window.screenXでウインドウの左端からの位置を取得することができます。
<script type="text/javascript"> <!-- alert(window.screenX); // --> </script>
※IE9以前は、screenX、screenYをサポートしていません。
ウインドウの上端からの位置を取得 - window.screenY
window.screenYでウインドウの上端からの位置を取得することができます。
<script type="text/javascript"> <!-- alert(window.screenY); // --> </script>
※IE9以前は、screenX、screenYをサポートしていません。
ステータスバーに文字列を表示する - window.status
window.statusでステータスバーに文字列を表示することができます。
<script type="text/javascript"> <!-- window.status = "おはようございます"; // --> </script>
確認ダイアログを出力する - window.confirm
window.confirmを使用すると、確認ダイアログを出力することができます。
確認ダイアログは、はいとキャンセルが表示されている確認メッセージのことです。
<script type="text/javascript"> <!-- var result=confirm("本当によいですか?") if (result==true) { alert("はいを押しましたね!"); } else { alert("キャンセルを押しましたね!") } // --> </script>
入力ダイアログを出力する - window.prompt
window.prompt を使用すると、入力ダイアログを出力することができます。
<script type="text/javascript"> <!-- var sexName =prompt("あなたの性別は?","男性"); if (sexName!=null && sexName!="") { document.write(sexName+"向けの内容を表示しますね!"); } // --> </script>
文字列をbase64デコードする - window.atob
window.atob を使用すると、文字列をbase64デコードすることができます。
<script type="text/javascript"> <!-- alert(window.atob("base64エンコード済み文字列")); // --> </script>
文字列をbase64エンコードした値を得る - window.btoa
window.btoa を使用すると、文字列をbase64エンコードした値を取得することができます。
<script type="text/javascript"> <!-- alert(window.btoa("文字列")); // --> </script>
------------------------------
作成日:2016年04月24日
更新日:2018年02月10日
------------------------------