Question

无法理解当我运行文件时调用onclick事件的原因，当我点击div时应该调用它。

CODE：

<html>
<head>
<link rel="Stylesheet" type="text/css" href="shoppingcart.css">
</head>
<script type="text/javascript">
var count=0;
function swap()//cannot understand why it is running on loading the page
{
  if(count==0)
  {
    document.getElementById('log').style.display='none';
    count++;
   }
   else
   {
   document.getElementById('log').style.display='block';
   count=0;
   }
}
</script>
<body>
<div onclick="swap()" style="padding-left:30px;height:100px;width:300px;float:left;margin-right:180px"  >
<h1 style="center">LOG IN</h1>
</div>
<div id="log" class="block border goudystout">
Email:<input type="email"/>
Password:<input type="password"/>
</div>
</body>
</html>

Answer 1

疯狂猜测。您将swap设置为div点击处理程序，而不是./wsadmin.sh，因此它在页面加载时执行。

Answer 2

首先，你在 body 和 head 部分之间有脚本部分，它应该在< strong> body 部分。这可能是它没有按预期工作的主要原因。

根据这篇文章：http://www.simplehtmlguide.com/javascript.php ...

在调用中使用括号是合法的，你可以尝试在它后面加一个分号，但是javascript应该处理自动分号插入。

Answer 3

代码可以正常使用

这意味着你的css文件中存在问题，可能会显示：block！important; for .block class

<div id="log" class="block border goudystout">

这破坏了你的代码

解决它！

加载页面时会调用onclick事件

3 个答案: