JavaScript <yendo@soka.ac.jp> 2009 5 28 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1..................... 6 2.2..................................... 6 2.3....................................... 7 2.4..................... 7 2.5............................... 8 2.6.................................... 8 3 9 3.1.......................... 9 3.2 id........................... 10 3.3.................................. 10 3.4.................................... 10 3.5..................................... 11 3.6......................... 11 3.7....................................... 12 1
1 1.1 JavaScript JavaScript HTML ( Hellow World 1 ) <html> <head> <title>javascript</title> </head> <body> <h1>javascript</h1> <p> <script> document.write("hellow World!"); </script> </p> </body> </html> : HTML 1.1.1 HTML <script> document.write("hellow World!"); </script> <script> </script> document.write(" ") ; 1 JavaScript ( ) 2
1.1.2 JavaScript Firefox Firefox JavaScript 1.2 1.2.1? 2 + 3 document.write(2 + 3); ( ) document.write(" " + " "); document.write(" " + " " + 2 + 3); JavaScript document.write(" " + " " + (2 + 3)); document.write("2" + "3"); : <p> <p> 1.2.2 document.write(" " + 2009 + " " + 21 + " "); document.write(" " + 2009 + " " + (2009-1988) + " "); 3
1.2.3 JavaScript var 2 var seireki = 2009; var seireki = 2009; document.write(" " + seireki + " " + (seireki - 1988) + " "); var seireki = 1993; document.write(" " + seireki + " " + (seireki - 1988) + " "); : 1.3 if if if ( ) { 1989 var seireki = 2009; if (seireki >= 1989) { document.write(" " + seireki + " " + (seireki - 1988) + " "); >= <= 2 4
> x > y x y >= x >= y x y < x < y x y <= x <= y x y == x == y x y if ( ) { else { if ( 1) { 1 elsif ( 2) { 1 2 else { : 5
2 2.1 2.1.1 Alt + TAB Ctrl + v Ctrl + c Ctrl + x Ctrl + z HOME Ctrl + HOME END Ctrl + END ( ) 2.1.2 Alt + TAB 2.1.3 TeraPad : TeraPad HTML 2.2 if && 1 && 2 1 2 1 2 1 2 6
2.3 function () { (); // (); // ( ) : function calc() { var seireki = 2009; document.write(" " + seireki + " " + (seireki-1988) + " "); calc(); calc(); : 2.4 2.4.1 <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"> </form> input Form seireki calc() : 7
2.4.2 var seireki = document.input.seireki.value; input ( Form) seireki ( ) (value) seireki : 2.5 document.write kekka p <p id="kekka"></p> document.write var kekka_p = document.getelementbyid("kekka"); kekka_p.innerhtml = " " document.getelementbyid("kekka") kekka kekka_p kekka_p.innerhtml kekka 2.6 if 8
<html> <head> <title> </title> </head> <body> <h1> </h1> <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"></p> </form> <p id="kekka"></p> <script> function calc() { var seireki = document.input.seireki.value; var kekka_p = document.getelementbyid("kekka"); if (seireki >= 1989) { kekka_p.innerhtml = " "+seireki+" "+(seireki-1988)+" "; </script> </body> </html> : 3 3.1 1 9
3.2 id 3 HTML kekka ID HTML : <p id="kekka"></p> : p#kekka { font-size: 220%; color: red; p#kekka <p> kekka ID p kekka # : 3.3 ( ) document input seireki <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"> </form> document.input.seireki.focus(); : 3.4 Date Date now now 1 3 http://home.soka.ac.jp/~yendo/clb/web/stylesheet.html ( Wiki ) 10
1 var now = new Date(); var year = now.getfullyear(); var month = now.getmonth() + 1; var date = now.getdate(); var hour = now.gethours(); var min = now.getminutes(); var sec = now.getseconds(); document.write(year+" "+month+" "+date+" "+hour+" "+min+" "+sec+" "); : HTML 3.5 ( ) : function func(a, b) { document.write(a + b) func(2, 3) // 2 3 3.6 calc function calc(seireki, place) { // var seireki = document.in.seireki.value; <-- var kkk = document.getelementbyid(place); <-- ID... onclick 11
<input type="button" value=" " onclick="calc(document.in.seireki.value, kekka );"> Date <p id="now"></p> <script> var now = new Date(); var year = now.getfullyear(); calc(year, now ); </script> : 3.7 JavaScript JavaScript JavaScript Tips 12