Question

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

我创建了一个空白的HTML页面，我想在用户点击或点击任何地方时打开新链接。

有可能吗？

Answer 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，并在正文上添加点击事件

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

Answer 2

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

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

Answer 3

只需向主体添加一个事件侦听器，以便在单击任意位置时打开URL：

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

Answer 4

尝试使用标签事件 -

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

  }
}

Answer 5

您可以尝试使用此代码。

<!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>

Answer 6

这样可以，你不需要div标签，但我觉得它看起来更好，有助于以后添加样式控制。您可能遇到的一个问题是文本样式，它只需要一个CSS样式来处理文本颜色和装饰，以消除不需要的下划线。

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

HTML打开链接点击任意位置

6 个答案: