2013-06-04 89 views
0

這裏是我的代碼功能沒有定義javaqscript

<!DOCTYPE html> 
<html> 
<link rel="stylesheet" 
type="text/css" 
href="style.css" /> 
<title>mysite</title> 
<head> 
<image src="images.jpg" id="img1"> 
<image src="images2.jpg" id="img2"> 
<script src="jquery.js"> 
</script> 
<div id="div1"> 
<p id="p1"></p> 
</div> 
<script> 
function namething() {var name = prompt("what is your name") 
document.getElementById("p1").innerHTML = "<h1>welcome, " + name + "</h1>" }; 
//$("#button2").click(function() 
function namething2() { alert("yes") 
$("div").animate({ height: 0 /*left:"250px" , opacity:"0. 5", right:"500px" */}) 
}); 
</script> 
<button id="button2" onclick="namething2()">animationtest</button> 
<button id="button1" onclick="namething()">click me!</button> 
</head> 
<script> 

</script> 
<body> 

<p id="animate1"> 
</p> 

<p id="center">hello</p> 
</body> 
</html> 

返回namething2沒有定義? 我錯過了什麼嗎? 請不要問我在做什麼,這只是我正在測試的東西,我實際上並沒有試圖做的事情

+0

它看起來就像你在''中有一些HTML時它應該在''。還有其他的錯誤,包括未封閉的標籤,缺少分號等。一定要檢查你的JavaScript錯誤控制檯。這是這樣的:http://jsfiddle.net/Njbst/ – showdev

回答

0

簽出右邊的花括號後關閉namething2什麼字符。

0

在函數結尾處是否有一個終止大括號丟失?

function namething2() { alert("yes") 
    $("div").animate({ height: 0 /*left:"250px" , opacity:"0. 5", right:"500px" */}) 
    }); 
    } 
    ^^^ 
2

namething2是定義,因爲你在你的JavaScript代碼有語法錯誤。在控制檯中查找錯誤消息,或使用語法檢查編輯器,如免費的Komodo Edit

科莫多還包括一個JavaScript美化工,清理你的格式和縮進。在問題中沒有縮進的方式,很難直觀地注意到你所擁有的錯誤。正確格式化和縮進代碼可以更容易地查看這樣的問題。

如果您將整個HTML頁面加載到Komodo中,它會突出顯示人們在答案中提到的所有錯誤(除了缺少的分號,這些分號並非真正的錯誤,而是建議的練習)。

+0

具體來說,你有一個額外的'';''在所有代碼的末尾,你在提醒後錯過了';',並且你有一個額外';'在第一個函數後面(最後一個不嚴格是語法錯誤) – jcsanyi

+0

'prompt()'後面還有一個';',但這不是語法錯誤 - 也不是'alert )'。自動分號插入照顧那些。但是最好加上分號。無論如何,我希望能夠使用OP工具來自行找出這些錯誤。否則他們可以做什麼?每次出現語法錯誤時詢問Stack Overflow? –

0
function namething2() { 
     alert("yes"); 
     $("div").animate({ height: 0 /*left:"250px" , opacity:"0. 5", right:"500px" */}); 
    } 
0

從我看到你有3線和完整的陳述後,在END 3個人失蹤分號:

namething #1

var name = prompt("what is your name"); 

namething #2

function namething2() { alert("yes"); 
    $("div").animate({ height: 0 /*left:"250px" , opacity:"0. 5", right:"500px" */});