嗨,我有一个小网站,在点击事件后不断重新加载.我怎么能阻止这个？
PS:我只允许使用纯JS.
HTML
Cookie Clicker
</head>
<body>
<header>
<h1>Points: </h1>
<span id="score"></span>
</header>
<div class="container">
<div>
<a href="" onclick="addPoints(1)">
<img src="assets/graphics/Friis.png" />
</a>
</div>
</div>
<script src="assets/scripts/cookieClicker.js"></script>
</body>
</html>
JS
var points = 0,
score = document.getElementById("score");
function addPoints(increase) {
console.log('hit');
points += increase;
score.innerHTML = '' + points;
};
你只能修改你的HTML,它可以工作:
<a href="javascript:void(0);" onclick="addPoints(1)">
有些人这样做:
<a href="#" onclick="addPoints(1)">
但这是一个将页面滚动到顶部的锚点.如果你需要通过javascript制作,搜索一下event preventDefault.
阅读voidjavascript函数:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void
理解行为很好.