导致onmousedown失败

时间:2017-06-21 11:18:26

标签: javascript html ajax

下午好。

我一直在研究'Ajax For Dummies Book',我一直在尝试这些例子。去年我在w3schools上做了html和javascript课程。我已经启动了Web服务,但我发现它非常令人困惑所以我决定尝试使用Ajax来更好地理解。

我遇到了一个相当奇怪的问题。这本书的第54页就是这个例子:

<html>
   <head>
      <title>JavaScript Event Example</title>
   </head>
   <body onmousedown="document.bgcolor='pink'">
      <h1>Click this page to turn it pink!</h1>
   </body>
</html>

我的问题是,当我添加到页面顶部时,鼠标单击不起作用。当我删除它然后它。我添加了示例,因为W3schools html课程说你必须添加它

<!DOCTYPE html>
<html>
   <head>
      <title>JavaScript Event Example</title>
   </head>
   <body onmousedown="document.bgcolor='pink'">
      <h1>Click this page to turn it pink!</h1>
   </body>
</html>

我在Google上搜索了“导致失败的原因”,但我没有找到与此有关的任何内容。我确实找到了这篇文章,但这不是我的问题:'onmousedown event object behaving strangely“。谷歌的其他文章都没有帮助过我。

我还在stackoverflow中进行了搜索,但遗憾的是我没有找到任何东西。

我的问题是:为什么添加到脚本后脚本会停止工作?

此致 菲利普

1 个答案:

答案 0 :(得分:0)

使用声明,以便浏览器知道您使用的HTML版本不是html标记。

例如,假设您使用的是HTML 4,然后引用DTD,DTD为html4指定标记语言的规则,以便浏览器正常工作。

因此,在您的情况下,您正在使用的函数/属性“onmousedown”可能无法被浏览器识别,并且浏览器将被卡在默认的html格式中。所以当你写浏览器识别你的html版本,然后呈现数据。