javascript - 使用 .htaccess 的登录页面

Question

我一直在尝试使用 HTML 和 JS 制作一个登录页面，它使用我的 .htaccess 文件来访问网站，而不是使用 user:pass 弹出那个丑陋的弹出窗口。

到目前为止我已经得到了这段代码，但它不起作用。当我输入用户名并通过时，它所做的只是重定向到页面并打开其 .htaccess

<form name="login-form" class="login-form">
    <input type="hidden" name="server" value="mywebsite.com/private">
    <div class="header">
        <h1>Develop Page</h1>
        <span>Login to access!</span>
    </div>

    <div class="content">
        <input name="username" type="text" class="input username" placeholder="Username" />
        <div class="user-icon"></div>
        <input name="password" type="password" class="input password" placeholder="Password" />
        <div class="pass-icon"></div>       
    </div>

    <div class="footer">
        <input type="button" class="button" onClick="Login(this.form)">Login</a>
    </div>

</form>

还有 JS:

<script>
function Login(form) {
    var username = form.username.value;
    var password = form.password.value;
    var server = form.server.value;
    if (username && password && server) {
        var htsite = "http://" + username + ":" + password + "@" + server;
        window.location = htsite;
    }
    else {
        alert("Please enter your username and password.");
    }
}
</script>

我做错了什么吗？有更好的方法吗？
任何帮助将不胜感激:)

Answer 1

“http://”+用户名+“:”+密码+“@”+服务器格式在IE9上不起作用，我相信，据说是出于安全原因。我认为没有办法很好地实现这一点，除非改变服务器的身份验证方式(例如自定义用户/ session 管理/重定向/等)。有许多用户/ session 管理库可能会帮助您。