Javascript window.location不'；t重定向到另一个html页面

我正在使用此登录页：。 我为登录和注册按钮编写了javascript函数，这些函数应该重定向到相应的页面，但它不起作用。 以下是login.html：

类似于DeyNote的登录-Bootdey.com
身体{
边缘顶部：20px；
颜色：#fff；
}
.登录页面{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
溢出：自动；
背景#3ca2e0；
文本对齐：居中；
颜色：#fff；
填充：3em；
}
.用户化身{
宽度：125px；
高度：125px；
}
.登录页面h1{
字体大小：300；
}
.登录页面.表单内容{
填充：40px0；
}
.登录页面.表单内容.输入下划线{
背景：0；
边界：无；
盒影：无；
边框底部：2倍实心rgba（255255.4）；
颜色：#FFF；
边界半径：0；
}
.登录页面.表单内容.输入下划线：焦点{
边框底部：2倍实心#fff；
}    
.输入lg{
高度：46px；
填充：10px 16px；
字号：18px；
线高：1.3333；
边界半径：0；
}
.btn信息{
边界半径：50px；
盒影：0.2倍rgba（255255255.8）插图；
颜色：rgba（255255.8）；
背景：0；
边框颜色：透明；
字体大小：400；
}
输入[type='text']：：-webkit输入占位符，输入[type='password']：：-webkit输入占位符{
颜色：#fff；
}
输入[type='text']：-moz占位符，输入[type='password']：-moz占位符{
颜色：#fff；
}
输入[type='text']：：-moz占位符，输入[type='password']：：-moz占位符{
颜色：#fff；
}
输入[type='text']：-ms输入占位符，输入[type='password']：-ms输入占位符{
颜色：#fff；
}
Bootdey.com
登录
登记

//类似于HTTP重定向的行为

//类似于单击链接的行为

尝试使用：

function login(){
   window.location.href="createGame.html";
}

---

您的登录按钮隐式提交表单，如下面的简化示例所示。出于演示目的，我在表单中添加了一个“操作”，这将导致“提交”转到示例站点。请注意，这不是您正在尝试的重定向；我已经将该函数更改为只包含一个console.log；它启动，但表单提交接管。如果表单操作在原始代码中被省略，页面将“重定向”到空文档

函数登录（）{
//window.location=”http://example.com"
log（“重定向到此”）；
}

登录
登记

这是因为您的按钮提交了表单，而表单否决了位置更改

标签默认具有

type=“submit”

，因此您可以通过在登录按钮上设置

type=“button”

来解决此问题，使其不再是提交按钮：

<button type="button" class="btn btn-info btn-lg" onclick="login()">

---

我假设您打算通过“注册”按钮提交表单（因为您在表单上明确设置了

type=“submit”

），因此我认为删除表单或将其

操作设置到登录页面的建议不适合您的情况。
您正在使用表单。所以你需要采取行动。
它工作得很好。检查我重新创建的代码笔，工作正常



尝试window.location.assign（“url”）；请尝试
window.location.href=“createGame.html”
它不起作用。为了更好地使用，请给它贴上白标签：
函数登录（url）{window.location.href=url'}）你说得对，这是一个比我最初建议的更好的选择。删除onclick！没有内联js:'（@thisguey有两个拇指，与问题无关，因此答案不应该与问题本身有关it@MikaelLennhol我从来没有说过是这样，但是内联js非常过时，是一种不好的做法，鼓励不好的做法会导致更难的代码维护
function login(){
   window.location.href="createGame.html";
}

<button type="button" class="btn btn-info btn-lg" onclick="login()">

<form role="form" action="login()" class="ng-pristine ng-valid">