关于判断

如果输入框没有输入内容的话，那么点击按钮就要让它提示你必须输入内容

我们要进行判断，是否输入了内容

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 #div1 { 240px; height:200px; border:1px solid #333; background:#f1f1f1; padding:10px; }
 8 </style>
 9 <script>
10 
11 /*
12     if(){}                    在做这事之前，有个条件
13     if(){}else{}        2件事，根据条件，选一个来做
14     if(){}else if(){}else if(){}else if(){}
15     if(){}else if(){}else if(){}else if(){}else{}
16 */
17 
18 window.onload = function (){
19     var oDiv = document.getElementById('div1');
20     var oStrong = document.getElementById('strong1');
21     var oText = document.getElementById('text1');
22     var oBtn = document.getElementById('btn1');
23     
24     oBtn.onclick = function (){
25         if( oText.value == '' ){
26             alert('没说话呢，别急着点~~');
27         }else{
28             oDiv.innerHTML += oStrong.innerHTML + oText.value + '<br />';
29             oText.value = '';
30         }
31     };
32 };
33 </script>
34 </head>
35 
36 <body>
37 
38 <div id="div1"></div>
39 <strong id="strong1">张三：</strong>
40 <input id="text1" type="text" />
41 <input id="btn1" type="button" value="提交" />
42 
43 </body>
44 </html>

示例代码