Javascript 登录后未重定向登录表单

Javascript 登录后未重定向登录表单,javascript,html,css,Javascript,Html,Css,我有一个登录表单,但当它成功登录时,它不会重定向到我想要的页面。我希望它重定向到一个html页面,我的名字是PF1.1.html,但在这个例子中,我给了谷歌地址,但它仍然不起作用。除了重定向部分,javascript都在工作,我不知道为什么我尝试使用replace而不是href,但仍然不工作 var尝试=3;//用于计算尝试次数的变量。 //单击“登录”按钮即可执行下面的函数。 函数验证(){ var username=document.getElementById(“用户名”).value;

我有一个登录表单,但当它成功登录时,它不会重定向到我想要的页面。我希望它重定向到一个html页面,我的名字是PF1.1.html,但在这个例子中,我给了谷歌地址,但它仍然不起作用。除了重定向部分,javascript都在工作,我不知道为什么我尝试使用replace而不是href,但仍然不工作

var尝试=3;//用于计算尝试次数的变量。
//单击“登录”按钮即可执行下面的函数。
函数验证(){
var username=document.getElementById(“用户名”).value;
var password=document.getElementById(“密码”).value;
如果(用户名==“teste”&&password==“teste”){
警报(“登录成功”);
window.location.href=”https://www.google.com/webhp?ie=UTF-8&rct=j;//重定向到其他页面。
返回false;
}
否则{
尝试--;//递减一。
警报(“您已离开“+尝试+”尝试;”;
//尝试3次后禁用字段。
如果(尝试==0){
document.getElementById(“用户名”).disabled=true;
document.getElementById(“密码”).disabled=true;
document.getElementById(“提交”).disabled=true;
返回false;
}
}
}
/*********************************************************登录********************************/
html,正文{
宽度:3779.527559055px;
身高:100%;
字体系列:“Helvetica Neue”,Helvetica,无衬线;
颜色:#444;
-webkit字体平滑:抗锯齿;
背景色:#111;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
变焦{
变焦:25%;
}
/*******************************************关机按钮********************************/
#btn1{
背景色:透明;
背景重复:无重复;
边界:无;
光标:指针;
溢出:隐藏;
}
按钮式img{
宽度:400px;
高度:400px;
}
/*********************************************登录***************************************/
@导入url(https://fonts.googleapis.com/css?family=Audiowide);
:-moz选择{
背景:#cc0000;
文本阴影:无;
}
::选择{
背景:#cc0000;
文本阴影:无;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,缩写词,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,dd,ol,ul,li,fieldset,form,label,ledge,table,table,table,table,title,tbody,tfoot,thead,tr,th,th,td,article,article,side,canvas,detail,detail,bed,bedded,str,组、菜单、导航、输出、ruby、节、摘要、时间、标记、音频、视频{
边界:0;
字体:继承;
字体大小:100%;
保证金:0;
填充:0;
垂直对齐:基线;
文本呈现:优化易读性;
}
文章、旁白、详细信息、图表、页脚、页眉、H组、菜单、导航、章节{
显示:块;
}
html,正文{
身高:100%;
保证金:0;
填充:0;
}
身体{
颜色:#FFF;
字体系列:“Helvetica Neue Light”,“Helvetica Neue”,Helvetica,Arial,“Lucida Grande”,无衬线;
字体大小:12px;
线高:1;
}
.背景包装{
宽度:100%;
身高:100%;
位置:绝对位置;
排名:0;
左:0;
z指数:-1;
溢出:隐藏;
}
* {
框大小:边框框;
游标:默认值;
大纲:无;
}
形式{
背景:#111;
边界半径:.4em;
底部:0;
盒影:0 5px 10px 5px rgba(0,0,0,0.2);
高度:1000px;
左:0;
保证金:自动;
溢出:隐藏;
位置:绝对位置;
右:0;
排名:0;
宽度:1500px;
}
形式:后{
背景:线性梯度(向右,#111111,#444444,#B6B8,#444444,#2F2F,#2727);
内容:“;
显示:块;
高度:1px;
左:50px;
位置:绝对位置;
排名:0;
宽度:150px;
}
形式:以前{
边界半径:50%;
盒影:0 0 6px 4px#fff;
内容:“;
显示:块;
高度:5px;
左:34%;
位置:绝对位置;
顶部:-7px;
宽度:8px;
}
.插图{
边框顶部:1px实心#19191a;
填充:20px;
}
表格h1{
字体系列:“Audiowide”;
边框底部:1px实心#000;
字体大小:200px;
填充:15px0;
位置:相对位置;
文本对齐:居中;
文本阴影:0 1px 0#000;
}
表格h1{
颜色:#FFbb00;
字体系列:音频范围;
字体大小:正常;
}
表格h1.POWERN{
颜色:#ffffff;
过渡:均为0.5s;
动画:闪烁1s缓进缓出1交替,霓虹灯1.5s缓进缓出无限交替;
动画延迟:0s,1s;
}
表格h1:之后{
位置:绝对位置;
宽度:250px;
高度:180像素;
内容:“;
显示:块;
指针事件:无;
排名:0;
左边距:138px;
变换风格:平直;
变换:倾斜(20度);
背景:-moz线性梯度(顶部,hsla(0,0%,100%,0.1)0%,hsla(0,0%,100%,0)100%);
背景:-webkit渐变(线性、左上、左下、颜色停止(0%,hsla(0,0%,100%,0.2))、颜色停止(100%,hsla(0,0%,100%,0));
背景:-webkit线性梯度(顶部,hsla(0,0%,100%,0.1)0%,hsla(0,0%,100%,0)100%);
背景:-o-线性梯度(顶部,hsla(0,0%,100%,0.1)0%,hsla(0,0%,100%,0)100%);
背景:-ms线性梯度(顶部,hsla(0,0%,100%,0.1)0%,hsla(0,0%,100%,0)100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ffffff',endColorstr='#00ffffff',GradientType=0);
背景:线性梯度(至底部,hsla(0,0%,100%,0.1)0%,hsla(0,0%,100%,0)100%);
}
输入[类型=用户名],输入[类型=密码]{
背景:线性梯度(#1f2124,#27292c);
边框:1px实心#222;
边界半径:.3em;
盒影:0 1px 0 rgba(255255,0.1);
颜色:#FFF;
字体大小:150px;
边缘底部:20px;
填充:20px 10px;
宽度:100%;
}
输入[类型=用户名]:禁用,输入[类型=密码]:禁用{
颜色:#999;
}
.p-货柜{
填充:0 20px 20px;
}
.p-集装箱:之后{
明确:两者皆有;
内容:“;
显示:表格;
}
.p-集装箱跨度{
颜色:#0d93ff;
显示:块;
浮动:左;
填充顶部:8px;
}
输入[类型=提交]{
背景:fb0;
边框:1px实心rgba(0,0,0,0.4);
边界半径:.3em;
框阴影:插入0 1px