Question

我有一个脚本可以使每个页面访问时链接出现在随机位置。我有另一个脚本，其中包含一个随机链接列表的功能，这样一旦点击链接，您将被引导到一个随机页面。

然而有些问题是因为当点击此链接时，它不会引导您到任何地方（onClick似乎不起作用）。我该怎么做才能解决它？

<script>
var left = Math.floor(Math.random() * 100);
var a = document.createElement('a');
    a.style.left = left+'%';
    a.href = '#';
    a.onClick = "randomlinks()";
    a.innerHTML = 'click me';
document.body.appendChild(a)
</script>

<script src="randomlinks.js"></script>

如果我把它设为：

，该功能可以正常工作

<a href='#' onclick='randomlinks();'>click me</a>

Answer 1

将a.onClick = "randomlinks()";更改为a.onclick = randomlinks;

onclick中有拼写错误。此外，您必须提供onclick事件处理程序的函数引用，而不是string。

var left = Math.floor(Math.random() * 100);

function randomlinks() {
  console.log('clicked');
}

var a = document.createElement('a');
    a.href = '#';
    a.style.right = left+'%';
    a.onclick = randomlinks;
    a.innerHTML = 'click me';
document.body.appendChild(a);

a {
  position: absolute;
}

为什么这个onclick事件在我的脚本中不起作用？

1 个答案: