第一个javascript程序

jw903

于 2014-04-13 23:05:28 发布

阅读量742

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html5 web开发 html 前端开发

本文链接：https://blog.youkuaiyun.com/jw903/article/details/23626251

本文介绍了一个简单的HTML页面示例，该页面包含两个按钮。通过JavaScript定义了按钮点击事件，当用户点击按钮时会弹出提示框告知用户已点击对应的按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>title of the html</title>
<body>
<script type="text/javascript">
  var button1;
  var button2;
  
  function onclic1(){
    button1=document.getElementById("button1");
    if(button1.value=="button1"){
       alert("you have put the button1 down !");
    }  
  }
 
  function onclic2(){
  
    button2=document.getElementById("button2");
    if(button2.value=="button2"){
       alert("you have put the button2 down !");
    }   
  }
</script>
<tr>
   <td>
    <input type="button" id="button1" value="button1" onclick="onclic1()"/>
      
      
    <input type="button" id="button2" value="button2" onclick="onclic2()" />
    </td>
</tr>
</body>
</head>
</html>