个人中心
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
文章推荐： c# - 在列表中递归创建所有给定的树路径？
文章推荐： 检查数组元素时在 FOR 循环中进行条件检查
文章推荐： c - 将输入获取到动态分配的内存中，然后返回指针
文章推荐： C#/WPF - 我无法从后台 worker 更新 UI
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com