JS基本用法

JS基本用法

第一种

1 <div class="div" onclick="alert(0)">点击</div>

第二种

//js部分
<script>
        window.onload=function(){
            var div=document.querySelector(".div");
            div.onclick=function(){
                alert(1);
            }
        }
</script>

// html部分
<body>
  <div class="div">点击</div>
</body>

第三种

 1     <!-- 第三种用法  最常见的用法  从外部引用  ".-" -->
 2     <script>
 3         window.onload=function(){
 4             var div=document.querySelector(".div");
 5             div.onclick=function(){
 6                 alert(1);
 7             }
 8         }
 9     </script>
10   <script src="JS.js"></script>  引入js文件

1 <body>
2   <div class="div">点击</div>
3 </body

 

引入外部JS文件

1 window.onload=function(){
2     var div=document.querySelector(".div");
3     div.onclick=function(){
4         alert(1);
5     }
6 }

 

 

第四种

1 <!-- 第四种用法 -->
2     <a href="javascript:void(0)">空连接</a>

 

posted @ 2021-11-02 18:45  .Nice  阅读(107)  评论(0)    收藏  举报