Javascript onclick函数到新链接答案

【问题标题】：Javascript onclick function to new linkJavascript onclick函数到新链接
【发布时间】：2013-09-08 02:48:55
【问题描述】：

我正在尝试创建一个 onclick 功能，因此当您单击 div 标签时，它会将您发送到一个新页面，类似于 HTML 中的 A + href 属性。任何人都知道如何做到这一点？还是我只是在 div 中添加一个 A 标签？ IDK 和我真的不知道。

【问题讨论】：

最好的办法是添加一个a 标签是的。试试看。
我们要求您在提出问题之前尝试解决问题。你试过什么？
如果您没有线索，请在提问前获得线索。不要只是问，请为我做！
使用 JavaScript developer.mozilla.org/en-US/docs/Web/API/window.location 或 developer.mozilla.org/en-US/docs/Web/API/window.open 在网页中导航的基本功能
@JuanMendes 您曾经是 JavaScript 编码的初学者。不是每个人都知道一切。

标签： javascript html

【解决方案1】：

最好的方法就是制作一个a html 标记并将其设置为块元素。

另一种方法是使用 Javascript 来处理 onCLick 事件，但在您的情况下不值得这样做。

【讨论】：

【解决方案2】：

简单的 javascript onclick...

给 div 添加一个事件监听器来监听点击事件。当它检测到点击时，它将执行window.location.href 语句。只需添加您想去的地方的网址。 :)

var link = document.getElementById("//whatever your div is called");

link.addEventListener("click", function() {

window.location.href="// put the web address here";

});

OR 您可以按照@amdorra 的建议在 div 之前添加一个标签，这适用于 HTML5 和大多数浏览器。 :)

【讨论】：

哇，谢谢 tinkerbot，我真的很想用 Javascript 来做这件事，以保持我的 HTML 代码尽可能干净（和几行尽可能），因为我发现很难找到一些东西，因为我的HTML 在大约一百行之后总是一团糟。非常感谢！
呵呵，我的感觉一模一样，我喜欢把我的语言分开！我的荣幸，任何更多的问题让我知道！ :P

【解决方案3】：

我不会 recommend 使用 onclick 但如果你打算，请尝试使用 location.href

<div onclick="location.href='http://foo.com';">bar</div>

【讨论】：