收藏

下载资源 加入VIP,免费下载

第1页 / 共26页

第2页 / 共26页

第3页 / 共26页

第4页 / 共26页

第5页 / 共26页

第6页 / 共26页

第7页 / 共26页

第8页 / 共26页

第9页 / 共26页

第10页 / 共26页

第11页 / 共26页

第12页 / 共26页

第13页 / 共26页

第14页 / 共26页

第15页 / 共26页

第16页 / 共26页

第17页 / 共26页

第18页 / 共26页

第19页 / 共26页

第20页 / 共26页

用户注册

获取地理位置

产品视频信息

产品动画

3、使用window对象的openDatabase（）方法在网页内创建和使用WEBSQL数据库。

建立连接、执行SQL操作。

注册及登录界面（register.html）

界面及操作如下：

代码如下：

vardatatable=null;

vardb=openDatabase（'UserInfo','','UsernameandUserPwd',1024*1024）;

functioninit（）{

datatable=document.getElementById（'datatable'）;

datatable2=document.getElementById（'datatable2'）;

showAllData（）;

checkData（）;

}

functionaddData（username,pwd）{

db.transaction（function（tx）{

tx.executeSql（'INSERTINTOUsersVALUES（?

?

）',[username,pwd],

//当追加数据成功时执行的处理

function（tx,rs）{

alert（"已注册！

"）;

},

function（tx,error）{

alert（error.source+":

:

"+error.message）;

}）;

}）;

}

functionsaveData（）{

varusername=document.getElementById（'username'）.value;

varpwd=document.getElementById（'pwd'）.value;

addData（username,pwd）;

}

functioncheckData（）{

varusername=document.getElementById（'username2'）.value;

varpwd=document.getElementById（'pwd2'）.value;

varpassword=null;

varsql2='SELECTpwdFROMUsersWHEREusername="username"';

db.transaction（function（tx）{

tx.executeSql（sql2,[],function（tx,rs）{

for（vari=0;i

password=rs.rows.item（i）.pwd;

if（password==pwd）

{alert（"登录成功！

"）;}

}

}）;

}）;

}

--登录-->

url（img/bg-body.jpg）"onload="init（）;">

用户注册

用户登录