[英]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”或其他名称。
解决此问题后,其他所有内容都应该会很好。
当某些事情变得奇怪时,您应该始终做的第一件事就是验证您的标记。
这是标记的完整的工作版本。
<!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.