繁体   English   中英

这个javascript / HTML有什么问题

[英]What's wrong with this javascript/HTML

我想我只需要再看一眼。 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>

另外,对于记录而言,这不是我的第一个程序。

您的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>

每当我在任何地方看到这样的问题时,我通常会给出的答案是“不要将Netscape模型用于事件处理”。

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

更新:“单击”似乎不是一个函数的好名字,因为它已经为事件等注册了,这可能是为什么它不起作用的原因。 我早该明白的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM