<script>标签位置

源自：8-17 编程练习

<script>标签位置

点赞最高的代码中，为什么<script>标签必须放在那个位置才有用？换到别的位置都不行。求教

提问者：蓝色是最温暖的颜色L 2018-11-14 14:59

个回答

水遁: 2018-11-15 22:02:23

放在下面一样的，没问题啊，而且js最好放在这下面，<script src=""></script>也是放在最下面的好

<!DOCTYPE html>
<html> 
<head>  
<title> 事件</title>     
</head>  
<body>   
<input type='text' id='txt1' />    
<select id='select'>    	
    <option value='+'>+</option>		
    <option value="-">-</option>		
    <option value="*">*</option>		
    <option value="/">/</option>   
</select>   
<input type='text' id='txt2' />    
<input type='button' value=' = ' onclick=count() /> <!--通过 = 按钮来调用创建的函数，得到结果-->    
<input type='text' id='fruit' />      
<script type="text/javascript">  
 function count(){    
     var oTxt1 = document.getElementById("txt1").value;    
     var oTxt2 = document.getElementById("txt2").value;   
     var oSlt = document.getElementById("select").value;    
     var result = "";    
     switch(oSlt) {
     case "+":            result = parseFloat(oTxt1) + parseFloat(oTxt2);            
                              break;        
     case "-":            result = parseFloat(oTxt1) - parseFloat(oTxt2);           
                              break;       
     case "*":            result = parseFloat(oTxt1) * parseFloat(oTxt2);            
                     break;        
    default:            result = parseFloat(oTxt1) / parseFloat(oTxt2);   
    }    
     document.getElementById("fruit").value = result;      
  }  
  </script>  
  </body>
  </html>