命令“window.location.href”不适用于 HTML（引导框架）答案

【问题标题】：Command "window.location.href" not working on HTML (Bootstrap framework)命令“window.location.href”不适用于 HTML（引导框架）
【发布时间】：2018-02-08 08:35:08
【问题描述】：

我目前正在从事一个大学项目，我需要在该项目中创建一个简单的登录屏幕，将用户重定向到另一个登录页面。由于我是网络编程新手，所以我搜索了一些函数，发现最常用的命令是window.location.href，它根本不适用于我的代码。这里是：

<button class="btn btn-lg btn-primary btn-block" type="submit" onclick="validation(this.form)">Sign in</button>
  </form>

<script language = "Javascript">
    function validation(form){
        if(form.inputEmail.value=="user@user.com" && form.inputPassword.value=="user123"){
                window.location.href('form.html');
        } 
        else {
            alert("Invalid e-mail or password.");
        }           
    }
</script>

我已经检查了路径，但是当您输入有效的用户名和密码时，唯一有效的方法是window.open()

【问题讨论】：

看看你的控制台：Uncaught TypeError: window.location.href is not a function(…)

标签： javascript html twitter-bootstrap

【解决方案1】：

window.location.href 是属性而不是函数。而是将值分配为绝对路径。

window.location.href = '/form.html';

还有一种函数式的方法可以做到这一点，你可能会混淆它：

window.location.assign("form.html");

【讨论】：

【解决方案2】：

这不是一个函数。改为这样做：

window.location.href = 'form.html';

此外，打开浏览器的调试控制台以查看任何 JavaScript 错误。在 Chrome 中它会说“未捕获的 TypeError：window.location.href 不是函数（…）”

【讨论】：

【解决方案3】：

也试试这个

window.location = "form.html";

【讨论】：