javascript
<script type="text/javascript"> //行を追加する function addRow() { var i, j; var rowNumber = rowNumber++; var tmplRowNode = document.getElementById("row0"); var rowNode = tmplRowNode.cloneNode(true); rowNode.id = "row" + rowNumber; //コピーしたtrの直下にあるすべてのノー…
基本知識 DOMとは ページが読み込まれた後に HTMLやXMLの文章に対して要素の置換・追加・削除を操作する 標準のインターフェイスである。 DOMではHTMLやXMLの文章をツリー状の構造にして管理します。 ツリー構造はノードツリーと呼び、全てのノードには ツリ…
サブウィンドウを表示する <script type="text/javascript"> function winOpen() { window.open("./subpage.html","sub", "width=400, height=300"); } </script> <form> <input type="button" value="サブウィンドウ" onclick="winOpen()"> </form> ウィンドウの位置 ウィンドウの位置を直接指定できます。 <script type="text/javascript"> function winOpen() { window…
フォームの要素にアクセスする document.フォーム名 document["フォーム名"] document.forms["フォーム名"] フォーム内の入力要素(コントロール)にアクセスする document.フォーム名.コントロール名 document["フォーム名"]["コントロール名"] document.form…
JavaScriptは、何らかの出来事が起こった時に、 実行することが多く、このような「出来事」のことを イベントと呼びます。 ボタンが押されたとき <input type="button" value="クリック!" onclick="alert('ボタンがクリックされました。')"> マウスを合わせたとき onmouseover="this.value='マウスオーバー'" マウスを外したとき onmouseout="this.val…
アラート アラートダイアログの出力を行います。 <script type="text/javascript"> alert("Hello World"); </script> 確認ウィンドウ OK,キャンセルのダイアログの出力を行います。 <script type="text/javascript"> var flg = confirm("確認ダイアログ"); if(flg == true){ document.write("Hello"); }else{ document.write("see you</script>…
基本構文 <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> //ここにJavaScriptを定義する。 </script> </body> </html> コメント 1行 //コメント 複数行 /* コメント コメント */ テキストを表示する 文字の出力を行う。 <script type="text/javascript"> document.write("Hello Wo…
