HTML打开链接单击任意位置

问题描述 投票:2回答:6

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

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

有可能吗?

html hyperlink href
6个回答
9
投票

这是一个有趣的问题,有许多解决方案。我将发布两个。

解决方案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,并在正文上添加click事件

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

2
投票

由于您正在将其用于移动应用程序,因此最好使用纯JavaScript:

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

1
投票

只需将事件侦听器添加到正文,以便在单击任意位置时打开URL:

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

0
投票

您可以尝试使用此代码。

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

0
投票

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

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

0
投票

尝试此选项卡事件-

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

  }
}
© www.soinside.com 2019 - 2024. All rights reserved.