javascript簡単な事件の処理とwith用法の紹介

今回は簡単な事件処理を紹介します.
1.マウスクリック

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>function click1(obj) 
  <br>{ 
  <br>alert(obj.innerHTML); 
  <br>} 
  <br> 
  
 
  
 
  
 
  
    
 
  
 
  
 
  
 
 

thisはdivのコンテキストです.クリックしたら、間の内容が表示されます.
2.マウス移動

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>function mouse1(obj) 
  <br>{ 
  <br>obj.style.color = "#f00"; 
  <br>obj.style.fontSize = "18px" 
  <br>} 
  <br>function mouse2(obj) 
  <br>{ 
  <br>obj.style.color = "#000"; 
  <br>obj.style.fontSize = "16px" 
  <br>} 
  <br> 
  
 
  
 
  
 
  
     
 
  
 
  
 
  
 
 

mouseoverマウスをそこに置くと、フォントが大きくなり、フォントが赤くなり、離れた時にフォントと色が回復します.
3.withの使い方

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>with(document) 
  <br>{ 
  <br>write("niujiabin"+"<br/>"); 
  <br>write("maybe"+"<br/>"); 
  <br>write("gossip"+"<br/>"); 
  <br>} 
  <br> 
  
 
  
 
  
 
  
 
  
 
 

効果は以下のとおりです.

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>document.write("niujiabin"+"<br/>"); 
  <br>document.write("maybe"+"<br/>"); 
  <br>document.write("gossip"+"<br/>"); 
  <br>