gpt4 book ai didi

Javascript 重定向不适用于移动设备

转载 作者:行者123 更新时间:2023-11-30 20:55:50 26 4
gpt4 key购买 nike

我有一段 Javascript 代码(如下),通过在新选项卡中打开将用户重定向到我网站的主页。我遇到的问题是它不适用于移动设备。

function redirect(url) {
var win = window.open(url);
win.focus();
}

当我点击应该打开新标签页的按钮时,没有任何反应,但它在 Opera 和 Chrome 的桌面上有效。

有谁知道如何解决这个问题以便它可以在移动设备上运行?

编辑:根据请求添加 HTML

<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<script src="login.js"></script>
<link rel="stylesheet" type="text/css" href="login.css">
</head>
<body>

<h2>Modal Login Form</h2>

<button onclick="document.getElementById('id01').style.display='block'"
style="width: auto;">Login</button>

<div id="id01" class="modal">

<form class="modal-content animate" method=POST>
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal">&times;</span> <img
src="loginAvatar.png" alt="Avatar" class="avatar">
</div>

<div class="container">
<label><b>Username</b></label> <input type="text"
placeholder="Enter Username" name="username" id="uname" required>
<script>
var suppliedUsername = document.getElementById("uname").value;
</script>

<label><b>Password</b></label> <input type="password"
placeholder="Enter Password" name="psw" id = "pword" onChange="verify(document.getElementById('uname').value, document.getElementById('pword').value)" required>
<script>
var password = document.getElementById("pword").value;
</script>
<button id="loginbutton" onClick="verify(document.getElementById('uname').value, document.getElementById('pword').value)">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>

<div class="container" style="background-color: #f1f1f1">
<button type="button"
onclick="document.getElementById('id01').style.display='none'"
class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>
</div>

<script>
// Get the modal
var modal = document.getElementById('id01');

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</body>
</html>

最佳答案

只需使用链接。如果需要,您可以使用 CSS 将其设置为按钮样式。

<a href="url" target="_blank">Text</a>`

为什么你必须使用花哨的 Javascript 来做一些你可以用简单的链接做的事情?

如果您需要在 Javascript 代码中触发它,请查看 this post .或者,如果您正在使用 jQuery(我认为您是),请查看 here .

关于Javascript 重定向不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47673767/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com