码迷,mamicode.com
首页 > 其他好文 > 详细

关于判断

时间:2017-05-22 00:21:05      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:one   images   type   ide   alt   style   oct   .com   说话   

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

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

技术分享

技术分享
 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 { width: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>
示例代码

 

关于判断

标签:one   images   type   ide   alt   style   oct   .com   说话   

原文地址:http://www.cnblogs.com/123wyy123wyy/p/6886651.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!