1. 程式人生 > >為什麼直接把javascript的程式碼寫進html就行但是呼叫js檔案就不行

為什麼直接把javascript的程式碼寫進html就行但是呼叫js檔案就不行

這是一個很坑的問題,原因是<script>是html的標籤,不能寫入js檔案中,下面給出一個簡單的html呼叫js的例子,希望遇到這個問題的朋友能夠解決

js檔案內容:

function check(){
if(form1.user.value==""){
alert("請輸入使用者名稱");
form1.user.focus();
return;
}
else if(form1.pwd.value==""){
  alert("請輸入密碼");
form1.pwd.focus();
return;
}
else{
form1.submit();
}
}

html內容:

<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title>html+js</title>
  </head>
  <body>
  <script language="JavaScript" src='testScript.js'>
</script>
   <form name="form1" method="post" action="">
   使用者名稱:<input name="user" type="text" id="user">
   密碼:<input name="pwd" type="text" id="pwd">
 <input name="Button" type="button" class="btn_grey" value="登入" onclick="check()">
 <input name="Submit2" type="reset" class="btn_grey" value="重置">
 </form>
  </body>
</html>

效果如下:功能是判斷輸入框是否為空,為空則彈出提示語言