HTML 打开链接单击任意位置答案

【问题标题】：HTML open link click anywhereHTML 打开链接单击任意位置
【发布时间】：2014-06-05 03:09:33
【问题描述】：

我是一名移动程序员，从未开发过任何网页

我创建了一个空白 HTML 页面，我想在用户单击或点击任意位置时打开新链接。

有可能吗？

【问题讨论】：

解决方法很多；您使用哪一种取决于您的页面将用于什么以及您愿意使用哪些语言/技术/库。

标签： html hyperlink href

【解决方案1】：

这是一个有趣的问题，有很多解决方案。我会发两个。

解决方案 1 - 使用全宽锚标记

<html>
    <head>
        <style>
            html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
            a { display: block; width: 100%; height: 100%; }
        </style>
    </head>
    <body>
        <a href='#'></a>
    </body>
</html>

解决方案 2 - 使用 javascript，并在 body 上添加点击事件

<html>
    <body onclick='window.location.href="http://google.com"'>
    </body>
</html>

【讨论】：

非常好的 javascript 解决方案，因为它适用于任何 div。
Onclick 会被视为弹出窗口吗？它会被浏览器阻止或弹出阻止程序或广告阻止程序？。
Onclick 当我们单击 URL 时，在新选项卡中或作为弹出窗口或在同一选项卡中打开链接？
@Poonam 不，不应将其视为弹出窗口。如果您将window.open() 与目标窗口一起使用，则可以将其视为弹出窗口
@kennypu 如果访问者点击了链接怎么办？假设该网站有很多链接。访问者点击链接facebook.com，我使用javascript onclick 获取google.com。现在的问题是什么将对访客开放？脸书或谷歌或两者兼而有之？

【解决方案2】：

由于您将其用于移动应用程序，因此最好使用纯 JavaScript：

function OpenWin(){
  window.open("url");
}
window.onclick = OpenWin();

【讨论】：

【解决方案3】：

只需在正文中添加一个事件侦听器，以便当他们单击任意位置时打开 URL：

document.getElementsByTagName("body")[0].addEventListener("click", function(){
  window.open(url);
});

【讨论】：

这很好，但你应该提到你正在使用 jQuery。

【解决方案4】：

你可以试试这样的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html><head> 
<title>body onclick test</title> 
</head> 
<body onclick="window.location.href='newpage.html';"> 
<h1>onclick test</h1> 
<p>test</p> 
</body> 
</html>

【讨论】：

【解决方案5】：

这会起作用，您不需要 div 标签，但我认为它看起来更好，并且有助于稍后添加样式控制。您可能会遇到的一个问题是文本样式，它只需要为文本颜色和装饰设置 CSS 样式即可消除不需要的下划线。

<html>
    <body>
        <a href='link.com'>
            <div>
                All content
            </div>
        </a>
    </body>
</html>

【讨论】：

【解决方案6】：

试试这个选项卡事件-

 document.onkeydown = function(e){
    if (e.keyCode == 9) {
        alert("");
       window.open("www.google.com");

  }
}

【讨论】：