2013-06-04 87 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" */});