Javascript警报功能无法正常工作

时间:2014-08-09 10:05:30

标签: javascript html

我试图为我的网站生成Javascript警报功能,以便它们弹出,但是由于某些不明原因 - 它们不起作用。我用W3C Validator测试了我的代码,导致3个警告,其中一个说我错过了身体标签,但我的代码中没有看到任何错误。请帮忙吗?

<!DOCTYPE html>
<html>
<body>

<p>Click the button.</p>

<button onclick="myFunction()">Example 1 Answer</button>
<br>
<button onclick="2">Example 2 Answer</button><br>
<button onclick="3">Example 3 Answer</button><br>
<button onclick="4">Example 4 Answer</button>

<script>
function myFunction() {
  alert("10/63");
}
function 2() {
  alert("13/10");
}
function 3() {
  alert("37/30");
}function 4() {
  alert("4/21");
}
</script>

</body>
</html>

5 个答案:

答案 0 :(得分:4)

您不能只将一个数字作为函数名称。改变如下

function myFunction() {
  alert("10/63");
}
function a2() {
  alert("13/10");
}
function a3() {
  alert("37/30");
}
function a4() {
  alert("4/21");
}

<强> 修改

并且HTML应该像这样改变

<p>Click the button.</p>
<button onclick="myFunction()">Example 1 Answer</button>
<br>
<button onclick="a2()">Example 2 Answer</button>
<br>
<button onclick="a3()">Example 3 Answer</button>
<br>
<button onclick="a4()">Example 4 Answer</button>

Demo

答案 1 :(得分:1)

函数名称不能以数字开头。如果您在控制台中复制粘贴以下功能,则会获得unexpected number参考。

function 2() { alert("4/10"); }

答案 2 :(得分:0)

使用

       <script language="Javascript"> 

而非简单

        <script>

函数名称不能以数字开头,也可以修复。

答案 3 :(得分:0)

http://jsfiddle.net/c1pcc4xv/

 <form action="">
     <input type="button" id="myButton" value="Add"/>
</form> 
//script
var myBtn = document.getElementById('myButton');
myBtn.addEventListener('click', function(event) {
alert("yo");
});

使您的代码变得简单,并避免以数字开头的函数名称....希望它有所帮助

答案 4 :(得分:0)

这是JS Fiddle

是的,您不能仅使用数字作为函数名称。而且,将它包装在head标签中,在你的html中调用它之前定义你的函数。

function myFunction() {
   alert("10/63");
}
function myFunction2() {
   alert("13/10");
}
function myFunction3() {
   alert("37/30");
}
function myFunction4() {
  alert("4/21");
}