javascript - 将 onClick 从 HTML 迁移到 Javascript 文件

Question

在我的 HTML 中，这有效

<div id="portfolio1" onclick="changeMainFrame('lib/portfolio1.html')">

触发以下函数:

function changeMainFrame(srcURL){
  var target = document.getElementById("mainFrame");
  target.src = srcURL;
}

我想将其迁移到我的 javascript 文档中。但这不起作用:

document.getElementById("portfolio1").onclick = changeMainFrame("lib/portfolio1.html");

我不知道如何解决这个问题。有什么提示吗？对于如此简单但耗时的事情，在任何地方都找不到类似的情况。

Answer 1

document.getElementById("portfolio1").onclick = function() {
  changeMainFrame("lib/portfolio1.html");
}

您正在调用函数changeMainFrame。您想要做的是提供一个函数包装器。

document.getElementById("portfolio1").onclick = function() {
  changeMainFrame("lib/portfolio1.html");
}

function changeMainFrame(txt) {
  alert(txt);
}

<div id="portfolio1">Click Me</div>