プログラミング学習の記録 165.3 JavaScript 1 はじめてのプログラミングとJavaScriptの基礎:p.212の練習問題8.1,8.2,8.3,8.5

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 1 はじめてのプログラミングとJavaScriptの基礎 (CD-ROM付) (プログラミング学習シリーズ) (大型本)"のp.212の練習問題8.1,8.2,8.3,8.5を解いてみる。




8.1
<script language="javascript" type="text/javascript"> function clicked0(){ alert("クリックは無効です"); }</script> <p>画像をクリックしてみてください。("クリックは無効です"と表示されるはず)</p> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFG5STuGi-nf9I5L0yGPJpdgt1vtPGqoi1daBO6ahNNwmSAVp46kFEIyAlI1PoONOrQQvx-cJTJXQ55UImCyPATS2gfqW_Z8UAPFJjgjdjCS39_uVNvRE-5neV9b-v-vb6iNHg6D3FQc_A/s144/k.png" onclick="clicked0()"/>

画像をクリックしてみてください。("クリックは無効です"と表示されるはず)

8.2
<script language="javascript" type="text/javascript"> function clicked() { var p0 = document.getElementById("p0"); p0.innerHTML = "あなたのDisplayの大きさは" + screen.width + "×" + screen.height+"です"; }</script> <p>Screen Sizeを表示してみる。</p> <input type="button" value="Click!" onclick="clicked()" /> <p>実行結果</p> <p id="p0"></p>

Screen Sizeを表示してみる。

実行結果

8.3
<script language="javascript" type="text/javascript"> function clicked1() { var win0 = window.open("", "", "width=100,height=100,resizable"); var win1 = window.open("", "", "width=200,height=200"); var win2 = window.open("", "", "width=400.width,height=100,resizable"); var win3 = window.open("", "", "width=300,height=300,resizable"); var win4 = window.open("", "", "width=3000,height=3000,resizable"); win0.document.bgColor = "Yellow"; win1.document.bgColor = "Blue"; win2.document.bgColor = "Green"; win3.document.bgColor = "Black"; win4.document.write("<b>最後のWindow!</b>"); win4.document.bgColor = "Red"; win0.moveTo(10, 10); win1.moveTo(50, 10); win2.moveTo(10, 50); win3.moveTo(50, 50); }</script> <p>Windowを開いてみる。(注意:5個のWindowが開きます)</p> <input type="button" value="クリックしてみて!" onclick="clicked1()" />

Windowを開いてみる。(注意:5個のWindowが開きます)

8.5
<script language="javascript" type="text/javascript"> function confirmsubmit() { var result = confirm("本当に送信してよいですか?"); if (result == true) { document.form0.submit(); } } function confirmreset() { var result1 = confirm("本当にリセットしてよいですか?"); if (result1 == true) { document.form0.reset(); } }</script> <form name="form0" action=""> <p>住所、氏名、E-Mailを送信してください。(JavaScriptの練習なので実際には送信して頂いても特に何もありません。)</p> <p>住所: <input type="text" name="adress" /></p> <p>氏名: <input type="text" name="name" /></p> <p>E-Mail: <input type="text" name="email" /></p> <input type="button" value="送信" onclick="confirmsubmit()" /> <input type="button" value="リセット" onclick="confirmreset()" /> </form>

住所、氏名、E-Mailを送信してください。(JavaScriptの練習なので実際には送信して頂いても特に何もありません。)

住所:

氏名:

E-Mail: