JavaScript 基礎-値の取得と表示(値を取得しテーブルに表示など)

[ＷＥＢ][JavaScript 基礎-値の取得と表示(値を取得しテーブルに表示など)]
name="～～"から取得表示
  • 取得値inputが<form name="value_A">～</form>内にある事が条件です。
  • <input name="data_A"　～>を通してます。
  • 表示値inputが<form name="value_A">～</form>内にある事が条件です。
  • <input name="data_B"　～>を通してます。
取得値 表示値 
<script language="javascript" type="text/javascript"> <!-- function kaisi1() { var a = document.value_A.data_A.value; document.value_A.data_B.value=a; } // --> </script>
id="～～"から取得表示
  • <form>～</form>は必要ありません。
取得値 表示値 
<script language="javascript" type="text/javascript"> <!-- function kaisi2() { // HtmlDocument クラス - GetElementById メソッド var a = document.getElementById("dtA").value; document.getElementById("dtB").value=a; } // --> </script>
ファイル情報から取得し新しいページに表示
  • <input>～は必要ありません。 
<script type="text/javascript"> <!-- function kaisi3() { var a = document.fileModifiedDate document.write("本ページの更新日は " + a + " です。"); } // --> </script>
閲覧者のPC情報から取得しメッセージボックス(ダイアログ・アラート)に表示
  • <input>～は必要ありません。 
<script type="text/javascript"> <!-- function kaisi4() { var a = window.navigator.platform // <script>～</script> の間では window. を省略可能 // "\r\n"は改行 window.alert("使用PCは " + "\r\n" + a + "\r\n"+ " ですね！"); } // --> </script>
閲覧者から取得し確認メッセージボックス(ダイアログ・アラート)に表示
  • <input>～は必要ありません。 
<script type="text/javascript"> <!-- function kaisi5() { // <script>～</script> の間では window. を省略可能 var a = window.prompt("あなたの年齢は？", "105") // cancel=null var b = window.confirm(a +" 歳でよろしいですか？") // yes=true no=false } // --> </script>
他
  • window.showModalDialog(url [, a [, option]])
  • window.showModelessDialog(url [, a [, option]])
  • window.dialogArguments
  • window.dialogHeight
  • window.dialogWidth
  • window.dialogLeft
  • window.dialogTop
  • window.returnValue
<input>から取得し<table>に表示
  • <form>～</form>は必要ありません。
取得値A 取得値B
表示
id="table_51_01" ここに id="table_51_02" ここに
 onclick="kaisi6(引数51を設置)" 
<script language="javascript" type="text/javascript"> <!-- function kaisi6(objname) { var a =document.getElementById("tbA").value var b =document.getElementById("tbB").value document.getElementById("table_" + objname + "_01").innerText = a document.getElementById("table_" + objname + "_02").innerText = b } --> </script>
<table>から取得し<table>に表示
  • <form>～</form>は必要ありません。
取得値
春 夏 秋 冬
表示
東 西 南 北
 onclick="kaisi7(7)" 
<tr> <td id="table_7_11" colspan="4">取得値</td> </tr> <tr> <td id="table_7_21" align="center">春</td> <td id="table_7_22" align="center">夏</td> <td id="table_7_23" align="center">秋</td> <td id="table_7_24" align="center">冬</td> </tr> <tr> <td id="table_7_31" colspan="4">表示</td> </tr> <tr> <td id="table_7_41" align="center">東</td> <td id="table_7_42" align="center">西</td> <td id="table_7_43" align="center">南</td> <td id="table_7_44" align="center">北</td> </tr>
 
<script language="javascript" type="text/javascript"> { var x =2 var a =document.getElementById("table_" + idno+ "_" + x +"1").innerText var b =document.getElementById("table_" + idno+ "_" + x +"2").innerText var c =document.getElementById("table_" + idno+ "_" + x +"3").innerText var d =document.getElementById("table_" + idno+ "_" + x +"4").innerText var x =4 document.getElementById("table_" + idno+ "_" + x +"1").innerText = a document.getElementById("table_" + idno+ "_" + x +"2").innerText = b document.getElementById("table_" + idno+ "_" + x +"3").innerText = c document.getElementById("table_" + idno+ "_" + x +"4").innerText = d } </script>