1

我想我只需要第二双眼睛看这个。div 的 onclick 事件似乎不起作用。有任何想法吗？

<!DOCTYPE html> 
<html> 
 <head>
 <meta charset="UTF-8">
 <title="My First Program"/>

 <script type="text/javascript">
      window.onload = function(){
           window.alert("If you see me then the page has loaded"); 
           click(); 
      }

      //we do programming here 
      /*because
        it is 
        fun*/
      window.alert("Helo World!"); 

      function click(){
           window.alert("CLICK!!!!");
      }


 </script>

 </head>
 <body>
      <div>This web page will run my first program</div>
      <!--this will be awesome-->
      <br>
      <br>
      <br>
      <div id="d1" onclick="click()">Click me</div>
 </body>

另外，为了记录，这不是我的第一个程序。

4

2 回答 2

5

您的 html 格式错误。标题标签需要如下所示：

<title>My First Program</title>

此外，您似乎有命名冲突，因为您将函数命名为与内置函数相同的名称。将您的“点击”功能重命名为“myclick”或其他名称。

一旦你解决了这个问题，其他一切都应该是好的。

当事情变得奇怪时，您应该始终做的第一件事是验证您的标记。

http://validator.w3.org/check

这是标记的完整工作版本。

<!DOCTYPE html> 
<html> 
 <head>
 <meta charset="UTF-8">
 <title>My First Program</title>

 <script type="text/javascript">
      window.onload = function(){
           window.alert("If you see me then the page has loaded"); 
           click(); 
      }

      //we do programming here 
      /*because
        it is 
        fun*/
      window.alert("Helo World!"); 

      function myclick(){
           window.alert("CLICK!!!!");
      }


 </script>

 </head>
 <body>
      <div>This web page will run my first program</div>
      <!--this will be awesome-->
      <br>
      <br>
      <br>
      <div id="d1" onclick="myclick()">Click me</div>
 </body>
于 2013-01-26T01:04:54.050 回答
0

每次我在任何地方看到这样的问题时，我给出的典型答案是“不要使用 Netscape 模型进行事件处理”。

读一读 - http://www.quirksmode.org/js/introevents.html

更新：看起来“点击”不是一个很好的函数名称，因为它已经注册了事件等，这可能是它不起作用的原因。我应该抓住它。

于 2013-01-26T01:14:55.200 回答