javascript实用代码实例 js 定位 延时 传值 跳转
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
优点;用户操作感觉满意度高;
仅javascript的html,实现多验证多功能,不用回传,效率高,用户体验好;
知识点:可视窗口的背景着色,
div的任意绝对定位,
各种输入文本情况的确检测,
用js控制div的内容:innerHTML,
isNaN方法:判断字符串是否全是数字,
js实现延时自动跳转到另一页面,
接受上一页面的传来的信息,并判断,进行回应:request[“uid”]
login.html
将以下内容复制到文本中,改后缀名为.htm或html 即可看到显示结果
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
body
{
background-color:#bbffcc;
}
.logindiv
{
background-color:#68a945;
position :absolute ;
margin-top :200px;
margin-left:200px;
}
// 各种情况输入情况的准确检测,页面的运行状态尽在掌握之中
// 用js控制div的内容:innerHTML
// isNaN:如果是非数字,则返回true;如果全是数字则返回false 为is not a number首字母缩写function checkuid()
{
if (uid .value =="")
{
uiddiv .innerHTML ="帐号不能为空?^_^";
}
if (uid .value!=""&&isNaN(uid.value))
{
uiddiv .innerHTML ="帐号必须全是数字?^_^";
}
if (uid .value!=""&&!isNaN(uid.value))
{
uiddiv .innerHTML ="正确!";
}
}
function checkpwd()
{
if (pwd.value=="")
{
pwddiv .innerHTML ="密码不能为空?^_^";
}
if (pwd.value!="")
{
pwddiv .innerHTML ="正确!";
}
}
function checklogin()
{
//uid
if (uid .value =="")
{
uiddiv .innerHTML ="帐号不能为空?^_^";
}
if (uid .value!=""&&isNaN(uid.value))
{
uiddiv .innerHTML ="帐号必须全是数字?^_^"; }
if (uid .value!=""&&!isNaN(uid.value))
{
uiddiv .innerHTML ="";
}
//pwd
if (pwd.value=="")
{
pwddiv .innerHTML ="密码不能为空?^_^";
}
if (pwd.value!="")
{
pwddiv .innerHTML ="";
}
//uid pwd js实现延时自动跳转到另一页面
if(uid .value !=""&&!isNaN(uid.value)&&uid.value!="")
{
alert("!^_^");
lgdiv.innerHTML ="!^_^
五秒后,自动跳转到个人主页";
setTimeout (" window.open('main.aspx?uid="+ uid.value+"');",5000);
// setTimeout (" window.open('/s?uid="+
uid.value+"');",5000);
//
window.open('/s?wd=js+%CC%F8%D7%AA&oq=js+&rsp=6&f=3&sugT=6203');
}
}
帐号:
密码:
-------------------------------------------------------
main.aspx
----------------------------------------------------------------------------
main.aspx.cs