2013-08-30 116 views
-1
<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 

<button onclick="myFunction()">Try it</button> 

<script> 

function myFunction() 
{ 
document.write("Oops! The document disappeared!"); 
} 
</script> 

</body> 
</html> 

上面的代碼表明像輸出下面兩個程序具有大致相同的代碼,但輸出爲不同

我的第一個網頁 試試吧

點擊試試吧後按鈕我得到的輸出象下面

糟糕!該文件消失了!

在互聯網上,我發現消失的原因是如果我在文檔加載完成後執行document.write,整個HTML頁面將被覆蓋。 但我的疑問是,當文件完成loadind ...........我不gettimg它。 然後我修改了上面的代碼像下面

<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 

<button onclick="myFunction()">Try it</button> 

<script> 

function myfunction() 
{ 
document.write("My First JavaScript"); 
} 

</script> 

</body> 
</html> 

,但上面的代碼顯示像下面

我的第一個網頁 試試吧

按嘗試按鈕,它是不會放棄任何後輸出輸出。我不知道爲什麼這兩個程序是這樣工作的。幫助我..................

+2

你的第二次嘗試有一個小寫'f'myfunction'應該是'myFunction' – Mark

+4

這個問題似乎是題外話題,因爲它是關於一個錯字。 – Mathletics

+1

另外,請避免使用'document.write'。喜歡'innerHTML'。 –

回答

1

第二個失敗,因爲你有一個小的fmyfunction和電話它與一個大F

在Chrome中,如果您打開開發人員工具(Cntrl-Shift-J)並轉到控制檯它將顯示您的JavaScript錯誤。

0

第二頁中的問題是您正在調用一個名爲myFunction的函數。 但是你有的函數叫做myfunction,F是大寫的。

這樣的JavaScript錯誤是:

未捕獲的ReferenceError:myFunction是沒有定義

0

JavaScript是大小寫敏感的。您可以定義

myfunction 

但撥打

myFunction 

注意˚F

0

在你的第二個函數中,myfunction,F應該是CAPS或onclick=myFunction()F應該很小。檢查您的控制檯窗口。沒有輸出是因爲JavaScript錯誤

相關問題