我是从未开发任何网页的移动程序员
我创建了一个空白的HTML页面,并且当用户单击或点击任意位置时,我想打开新链接。
有可能吗?
这是一个有趣的问题,有许多解决方案。我将发布两个。
解决方案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>
由于您正在将其用于移动应用程序,因此最好使用纯JavaScript:
function OpenWin(){
window.open("url");
}
window.onclick = OpenWin();
只需将事件侦听器添加到正文,以便在单击任意位置时打开URL:
document.getElementsByTagName("body")[0].addEventListener("click", function(){
window.open(url);
});
您可以尝试使用此代码。
<!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>
这将起作用,您不需要div标签,但我认为它看起来更好,并且有助于以后添加样式控件。您可能会遇到的一个问题是文本样式,只需使用CSS样式来设置文本的颜色和装饰即可摆脱不必要的下划线。
<html>
<body>
<a href='link.com'>
<div>
All content
</div>
</a>
</body>
</html>
尝试此选项卡事件-
document.onkeydown = function(e){
if (e.keyCode == 9) {
alert("");
window.open("www.google.com");
}
}