いくつかのよくあるJavaScriptの効果

5737 ワード

javascript

①ページに大きな広告画像と自動的に閉じられたページが表示されると、大きな広告写真が表示されるサイトの最新イベントなどがよくあります.一般広告は5秒ぐらい表示されますが、広告はまた自分で閉まります.これはどうやって実現されますか?実際には、ウェブページの適切な位置に写真を追加し、隠し画像の関数を削除し、n秒を設定して実行します.

        function showAd(){
        //      div id ad
            var Pic = document.getElementById('ad');
            setTimeout(function() {
                Pic.style.display = 'none';
            },5000);
        }
        window.onload=showAd;

②入力が完了した後に検査を行うには、実際にはinputタグにオンブラ属性を追加する必要があります.この属性は検査のための関数をバインドすればいいです.

<input type="text" id="name" onblur="validateTel()"/>
    <script>
      function validateTel(){
            alert("do something");

      }
    script>

③すべてのチェックボックスをチェックします.ウェブサイトでチェックボックスが多い場合、全選択ボタンがあります.クリックしたら、すべてのチェックボックスが選択されます.

<html>
<head>
   <meta charset="utf-8" />
head>
<body>
         ：br>
     <input type="checkbox" name="hobby" value="" />  
     <input type="checkbox" name="hobby" value=""/>  
     <input type="checkbox" name="hobby" value=""/>  
     <input type="checkbox" name="hobby" value=""/>  
     <input type="checkbox" name="hobby" value=""/>  
     <input type="checkbox" name="hobby" id="selectall" value=" " onclick="SelectAll()"/>  

    <script>
      function SelectAll(){
          if(document.getElementById('selectall').checked == true){
              var allValue = document.getElementsByName('hobby');
              for(var i=0;itrue;
              }
          }

      }
    script>
body>

html>

javascriptはonmousedown、onmouseup、onclickが同時に同じラベルノードElementに適用されます.