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

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

可能吗?

===============>>#1 票数: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,并在正文上添加点击事件

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

===============>>#2 票数:2

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

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

===============>>#3 票数:1

只需向主体添加一个事件监听器,以便在单击任何位置时打开URL:

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

===============>>#4 票数:0

试试这个标签事件 -

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

  }
}

===============>>#5 票数: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>

===============>>#6 票数:0

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

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

  ask by MAMN84 translate from so

未解决问题?本站智能推荐: