2016-10-20から1日間の記事一覧

JavaScript ウィンドウサイズやスクロール位置を操作する

<html> <head> <body> <input type="button" value="scrollTo" onclick="window.scrollTo(0,200)"/> <input type="button" value="moveBy" onclick="moveBy(100,100)"/> <input type="button" value="resizeBy" onclick="window.resizeBy(50,50)"/> 1<br> 1<br> 1<br> 1<br> …</body></head></html>

JavaScript タイマー機能の実装

<script> //タイマー機能の実装 //タイマーIDを格納するためのグローバル変数 var timer; //ページロード時にタイマー処理を登録 window.onload = function(){ timer = window.setInterval( //現在の時刻を<div id='result'>タグに表示(1000ミリ秒ごとに更新) function(){ var dat =</div>…

JavaScript サブウィンドウを生成する

<script type="text/javascript"> //サブウインドウを表すWindowオブジェクトを格納する変数 var subwin; //サブウィンドウを開くボタンクリック時に実行 function win_open(){ subwin = window.open('http://www.wings.msn.to/', 'Sample', 'width=600,height=300,scrollbars=yes,location=…

JavaScript ハンドラー3

<script type="text/javascript"> //ページロード時に実行されるイベントハンドラを登録 window.onload = function(){ //ボタンクリック時に実行されるイベントハンドラを登録 document.getElementById('btn').onclick = function(){ window.alert('ボタンがクリックされました'); }; }; </script> <input id="btn" type="button" value="ダイアログ表示"/> …

JavaScript ハンドラー1

<script type="text/JavaScript"> function btn_onclick(){ window.alert('ボタンがクリックされました'); }; //--> </script> <input type="button" value="ダイアログ表示" onclick="btn_onclick()" /> 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: 大型本この商品を含…

JavaScript 継承

<script> //クラスベースなオブジェクト指向によく似た継承を実現する方法 //予め用意したMemberクラスを継承してSpecialMemberクラスを定義する function initializeBase(derive, base, baseArgs){ base.apply(derive, baseArgs); for(prop in base.prototype){ var…

JavaScript コンストラクタ

<script> var Member = function(firstName, lastName){ //thisはコンストラクタによって生成されるインスタンスを表す。 this.firstName = firstName; this.lastName = lastName; this.getName = function(){ return this.lastName + ' ' + this.firstName; } }; va</script>…

JavaScript クラス

<script> //JavaScriptのオブジェクト指向はプロトタイプベースのオブジェクト指向であり //クラスベースのオブジェクト指向ではない // 「クラス」を定義 var Member = function(){}; //インスタンス化 var mem = new Member();//JavaScriptでは関数にクラスとして</script>…