JavaScript---事件

5159 ワード

JavaScript

先に前の節の演算子を振り返ってみます.
演算子を含む

算数演算
比較演算
論理演算𞓜𞓜、&、!
自己増加演算
複合演算子+=

すべての事物は対象である.
オブジェクトには属性と方法があります.
ボタンをクリックしてイベントを起動します.オブジェクトを呼び出す方法です.その後、この方法は関数をトリガします.
関数の定義
関数名()
{
関数;
)
関数はシステム関数とカスタム関数に分類されます.

上記の例では、ボタンをクリックしてトリガするのはオブジェクトのOnClickイベントです.OnClick=「javascript:関数名()」は表記に書いてあります.
あとは関数の作成です.
例えば

<html>
<body>
<input type="button" name="button" id="subName" value="  "  onclick="javascript:aaa();"/>
</body>
</html>
<script language="javascript" type="text/javascript">
function aaa()
{
//     
alert("   ，    ");
}
</script>

例えば、ボタンをクリックして、フォーム内のテキストボックスのデータの文字を取得したいです.

どうやって取得しますか
基本的な方法:
Dcument.フォーム名.テキストボックス名.value
documentは、ページのすべての情報を含む文書セットです.
上の例ではこのように書くことができます.

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>    </title>
</head>
 
<body>
<form action="" method="post"enctype="multipart/form-data" name="form1"id="form1">
  
  <input type="text"name="txtName" id="txtName" />
    <input type="button"name="button" id="button" value="  "   onclick="javascript:aaa();"/>
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
function aaa()
{
//     
//      
Var a=
Document.form1.txtName.value
Alert(a);
}
</script>

フォームの認識
フォーム(form)
異なるタイプのユーザー入力を収集するために使用します.
そのタイプは含まれています
テキストボックス
ラジオボタン
プルダウンリスト
ボタン
フォームインスタンスコード

First name:
Last name:
上記の例の情報をよりよく入手するために、不友好な現象が発生しないようにする.
私たちは判断します
三つの制御構造の中の選択構造
構造を選択

if (式、結果はブーメランの型表現)
{
)
else
{
)
ユーザが空であることを検出

名前=「」または名前=nullですが、テキストボックスで取得したのはnullか、あるいは「null」です.
二つとも書いて、リターンします.そうでなければ、ポップアップ取得の値です.

If(a==null|| a=="")
{
Alert("       ");
return
}
Else
{
Alert(a);
}

ループ構造
配列内の値を取得し、循環構造を使用する場合に好ましい選択

Forとwhileサイクル

whileサイクルは自己増加条件を持たない
循環体で作成する必要があります.

  
20 3          ，    
 
<script language="javascript" type="text/javascript" >
 
var i =1;
var resourt=1;
while(  i<=20)
{
resourt*=3;
 
i++;
//i+=1;
}
alert("   20 3   "+resourt);
</script>

for循環1から100までの加算はいくらですか?

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>for  </title>
</head>
 
<body>
</body>
</html>
<script language="javascript" type="text/javascript" >
 
 
/*varresourt=0;
for(vari=1;i<=100;i++)
{
resourt+=i;
}
alert("1 100   "+resourt);/*/
</script>

チェックボックスとシングルの値はどうやって取得しますか?
例えば、性別はどうやって取得しますか? 男と女
1まず二つの単一選択を一つのグループに入れてxingbieを選択してください.
2彼らの値をそれぞれ「男」、「女」に設定します.
3 checked、属性が選択されているかどうかを判断します.
例を見ましょう

<p>  ：
    <input name="radio1"type="radio" id="radio" value=" " />
    <labelfor="radio1"></label>
     
     
    <input name="radio1"type="radio" id="radio2" value=" "checked="checked" />
    <label for="radio1"></label>
   </p>
<script language="javascript" type="text/javascript">
function aaa()
{
//     
//      
if(!radio1[0].checked)
{
varsex=document.form1.radio1[1].value;//     
}
else
{
varsex=document.form1.radio1[0].value;//     
}
 
}
</script>

以上は基本的な制御構造と簡単な事件の編纂に対する結び目で、足りないところは指摘を歓迎します.

javascriptデータ構造とアルゴリズム読書ノート>第四章スタック