JavaScript基本的な記述　その1

JavaScript

JavaScriptの基本的な記述を書いていきます。
本当に基本です。

オンマウスイベント　alert

<body>
<p><a href="#" onMouseOver="window.alert('マウスを置きました');">ここにマウスを置いてください</a></p>
<p><input type="button" name="myButton" value="押す" onClick="window.confirm('ボタンを押しました')"></p>
</body>

オンマウスイベント　背景色を変更

<body>
<p><input type="button" value="赤にする" onClick="document.bgColor='#cc0000'"></p>
</body>

オンマウスイベント　背景色と文字色を変更

<body>
<p><input type="button" value="赤にする" onClick="document.bgColor='#ffffff',document.fgColor='#cc0000' "></p>
<p><input type="button" value="緑にする" onClick="document.bgColor='#000000',document.fgColor='#00cc00' "></p>
<p><input type="button" value="青にする" onClick="document.bgColor='#cccccc',document.fgColor='#0000cc' "></p>
<p>文字列</p>
</body>

オンマウスイベント　指定した箇所の背景色と文字色を変更

<html>
<head>
<meta charset="utf-8">
<title>背景色を変える</title>
<script>
  function chgColor(bg,fc){
	  var target = document.getElementById("box");
	  target.style.background = bg;
	  target.style.color = fc;
  }
</script>
</head>

<body>
<div id="box">ここの背景色を変えます。</div>
<p><input type="button" value="赤にする" onClick="chgColor('#cc0000','#ffffff')"></p>
<p><input type="button" value="緑にする" onClick="chgColor('#00cc00','#000000')"></p>
<p><input type="button" value="青にする" onClick="chgColor('#0000cc','#cccccc')"></p>

</body>
</html>

本日はここまで。