javascriptに内蔵するオブジェクト

5779 ワード

205.12.1 javascriptに内蔵するオブジェクト

復習:
1、jsの中の内蔵関数
alert prompt write parseInt パーrse Float エバー isNaN document getElemenntById getElementByName value inner Text innerHTML length ジョンソフト
eval() ;var レスリング = eval() var a=「2+3」 eval(「result=」+a) 後ろにevalとjsonの共同使用があります.
isNaN() 数字ですか
2、js事件
イベントをクリック onclick onload オンチャン bgColor document
location href onfocus onblur this(ラベル自体を対象とし、関数にthisを使用して該当ラベルの対応要素を取得します.)
マウスイベント:over out ダウンタウン upする. move this.src
onsubmit:フォームの提出ボタンに現れたのではなく、或いは現れたのは意味がありません.【実測】
フォームフォームフォームフォームフォームフォームフォームフォームフォームフォームフォームの上に表示されるために、2回のリターンfalse()を利用します. フォームの提出を制限します.

3、フォームの検証:
フォームのテキストを検証します. タイプのinput ラベルは空ですか?三つの形式があります.私たちはよく使うlength==0です.これはjavaの感じに一番合うからです.その次に.value=="があります. .value==null.全部で三つの形です.
focus()///このタブの属性をフォーカスさせます.
Select()///選択前にボックスの内容を入力します.【文字を押しながら削除しやすい】
通過するリセット false;提出を阻止します
getElementByName 配列を取得します.ジャッキー false
単一または複数の選択枠を検証する時は、checkedを判定してください.
4、regex正規表現.js. で正規表現を対象として、このオブジェクトを呼び出す方法test
検証する文字列をtestメソッドのパラメータとします.
String クラスの中のmatches方法.
Javaでは正規表現をパラメータとします.
Jsでは正規表現を対象としています.

5、jsの内蔵対象:
1)ブラウザウィンドウオブジェクト
2)Js内蔵対象
3)Js html ラベルオブジェクト

getElements ByName 中の値を覚えてください.

つまり:var allpick = Dcument.getElementsByName("allPick")[0].checked;
次のこの形式はあてにならない:var allpick = Dcument.getElementsByName[0].checked;

全选反选小demo

    <script type="text/javascript">
        function allPick(){
            var allpick = document.getElementsByName("allPick")[0].checked;
            var hobby = document.getElementsByName("hobby");
            if(allpick){
                for(var i=0;i<hobby.length;i++){
                    hobby[i].checked=true;        
                }
            }else{
                for(var i=0;i<hobby.length;i++){
                    hobby[i].checked=false;        
                }
            }
        }
        function counterPick(){
            var hobby = document.getElementsByName("hobby");
            for(var i=0;i<hobby.length;i++){
                if(hobby[i].checked){
                    hobby[i].checked=false; 
                }else {
                    hobby[i].checked=true;    
                }    
            }            
        }
    </script>
    </head>
    <body>
      ：<input type="checkbox" name="hobby"  value="0" />  
    <input type="checkbox" name="hobby"  value="0" />  
    <input type="checkbox" name="hobby"  value="0" />  
    <input type="checkbox" name="hobby"  value="0" />  
    <input type="checkbox" name="hobby"  value="0" />  
    <input type="checkbox" name="hobby"  value="0" />  
    <hr/>
      ：<input type="checkbox" name="allPick" onclick="allPick()"/>
    <input type="button" name="counterPick" value="  "onclick="counterPick()"/>

javascriptのhashCode実現