javascriptを使ってページの各フォーム間のデータ転送を行います.

2461 ワード

JavaScript html フレーム

一つは、一番簡単なのは同じウェブページのフォームのデータ伝達です.
例を挙げると、一つのホームページには二つのフォームがあります.各フォームにはテキストボックスとボタンがあります.ボタンを押してお互いに相手のテキストボックスを操作する値を指定します.私たちが挙げた例はテキストボックスを別のテキストボックスに渡すことです.具体的なHTMLコードは以下の通りです.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>

<form name="form1" method="post" action="">
  <input type="text" name="textfield">
  <input type="button" name="Submit" value="1--------->2" onClick="ok()">
</form>

<form name="form2" method="post" action="">
  <input type="text" name="textfield2">
  <input type="button" name="Submit" value="2----->1" onClick="ok1()">
</form>

</body>
</html>

以上はHTMlのコードです.皆さんはonclikのコードに気づいたかもしれません.二つの関数があります.次はJAVSCRIPTのコードです.

<script language="JavaScript">
function ok()
{
  document.form2.textfield2.value=document.form1.textfield.value;
}
function ok1()
{
document.form1.textfield.value=document.form2.textfield2.value;
}
</script>

二番目は二つのウィンドウの間のフォームのテキストボックス間のデータ転送です.実はこれは元の基礎の上でいくつか拡張を行うことができます.どのようにしてポップアップウィンドウを作成するかについては、フォーム内のフォームのコードはここでは多くなく、ここで親ウィンドウのフォーム内のテキストボックスのデータを操作する方法を説明します.具体的なコードは以下の通りです.

<script language="JavaScript">
function ok()
{
  opener.document.form2.textfield2.value=document.form1.textfield.value
}
</script>

第三は、フレームウェブページ間のフォームのテキストボックス間のデータ転送である. 注意するところは枠組みの書き方です.

<frameset cols="505,505">
  <frame src="test.htm" name="leftr" id="leftr">//       
  <frame src="test2.htm" id="right" name="right">
</frameset>
<noframes><body>

</body></noframes>
         ：
<script language="JavaScript">
function ok()
{
  parent.leftr.document.form2.textfield2.value=document.form1.textfield.value
}
</script>

この3つのウィンドウの間のテキスト枠の数値を相互に操作する簡単な方法が実現されます.他の注意すべき点は彼らの関係です.

黒い髪 http://heisetoufa.iteye.com
本文に誤りがあると発見したら,批判の指摘を歓迎する.

直線と平面の交点を計算するJavaScriptスクリプトコード