2013-10-13 190 views
0

我是JS的新手。我正在使用Homestead Sitebuilder編輯/創建我的網站。從HTML調用JS函數

我想通過觸發一個HTML onclick事件調用一個JS函數並沒有成功。其目標是爲網頁上的鏈接提供基本的密碼保護。這是爲了阻止沒有密碼的普通網民。

目前,onmouseover和onmouseout事件正常工作,但沒有發生onclick。

這裏是我的代碼(請告訴我,我很想念):

<HEAD> 
    <SCRIPT> 
     function passWord() { 
      var pass1 = prompt('Please Enter Your Password', ' '); 
      if (pass1.toLowerCase() = "letmein") { 
       alert('Correct'); 
       window.open('students.html'); 
       return; 
      } else { 
       alert('Password Incorrect; Access Denied'); 
       return; 
      } 
     } 
    </SCRIPT> 
</HEAD> 

<BODY> 

<img name="image1" src="Button_1_-_Financial_Mouseout_B_W.jpg" border="0" HEIGHT="31" WIDTH="308" onclick "passWord()" onmouseover="image1.src='Button_1_-_Financial_Mouseover_B_W.jpg';" onmouseout="image1.src='Button_1_-_Financial_Mouseout_B_W.jpg';"> 

</BODY> 

請幫幫忙!謝謝。

+0

看到這裏https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener – elclanrs

+0

你需要的,如果改變(pass1.toLowerCase( )=「letmein」){if(pass1.toLowerCase()==「letmein」){。請注意雙等號。 – jeff

回答

0

你忘了把公式符號有:

正確的屬性聲明:

onclick="passWord()" 

我也建議關閉所有打開的HTML標籤。你還沒有關閉img標籤。 完整的工作代碼:

<HEAD> 
    <SCRIPT> 
     function passWord() { 
      var pass1 = prompt('Please Enter Your Password', ' '); 
      if (pass1.toLowerCase() = "letmein") { 
       alert('Correct'); 
       window.open('students.html'); 
       return; 
      } else { 
       alert('Password Incorrect; Access Denied'); 
       return; 
      } 
     } 
    </SCRIPT> 
</HEAD> 

<BODY> 

<img name="image1" src="Button_1_-_Financial_Mouseout_B_W.jpg" border="0" HEIGHT="31" WIDTH="308" onclick="passWord()" onmouseover="image1.src='Button_1_-_Financial_Mouseover_B_W.jpg';" onmouseout="image1.src='Button_1_-_Financial_Mouseout_B_W.jpg';"/> 

</BODY> 
+0

嗯,你錯過了如果(pass1.toLowerCase()=「letmein」)錯誤(分配不比較):-) – jeff