通過Html和Javascript制作一個(gè)靜態(tài)的登錄頁(yè)面

\x0d\x0a\x0d\x0a 用戶名:

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元古丈做網(wǎng)站,已為上家服務(wù),為古丈各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

\x0d\x0a 密碼:

\x0d\x0a \x0d\x0a\x0d\x0a

javascript html 設(shè)計(jì)一個(gè)登錄界面

注冊(cè)頁(yè)面代碼：

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

title注冊(cè)/title

/head

body

form?method="post"?onsubmit="return?false"?id="form"

input?type="text"?name="username"?placeholder="用戶名"br

input?type="password"?name="password"?placeholder="密碼"br

input?type="password"?name="rePassword"?placeholder="再次輸入密碼"br

input?type="submit"?onclick="register_user()"?value="注冊(cè)"br

/form

a?href="login.html"去登錄/a

script

var?localDB?=?openDatabase('localDB',?'1.0',?'Test?DB',?2?*?1024?*?1024);

localDB.transaction(function?(ts)?{

ts.executeSql('CREATE?TABLE?IF?NOT?EXISTS?user(username,password)')

});

function?register_user()?{

var?username?=?document.getElementsByTagName("input")[0].value;

var?password?=?document.getElementsByTagName("input")[1].value;

var?rePassword?=?document.getElementsByTagName("input")[2].value;

if(password?!=?rePassword)

{

alert("兩次輸入的密碼不同，請(qǐng)重新輸入");

}else

{

localDB.transaction(function(ts){

ts.executeSql("INSERT?INTO?user?(username,password)?VALUES?('"+username+"','"+password+"');");

alert("注冊(cè)成功");

});

}

}

/script

/body

/html

登錄頁(yè)面代碼：

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

title登錄/title

/head

body

form?onsubmit="return?false"?method="post"

input?type="text"?placeholder="用戶名"br

input?type="password"?placeholder="密碼"br

input?type="submit"?value="登錄"?onclick="login()"br

/form

a?href="register.html"去注冊(cè)/a

script

var?localDB?=?openDatabase('localDB',?'1.0',?'Test?DB',?2?*?1024?*?1024);

localDB.transaction(function?(ts)?{

ts.executeSql("SELECT?*?FROM?user",[],function?(tx,?results)?{

var?len?=?results.rows.length;

if(len=0)

{

localDB.transaction(function?(ts)?{

ts.executeSql('CREATE?TABLE?IF?NOT?EXISTS?user(username,password)')

});

}

});

});

function?login()?{

var?username?=?document.getElementsByTagName("input")[0].value;

var?password?=?document.getElementsByTagName("input")[1].value;

localDB.transaction(function?(ts)?{

ts.executeSql("SELECT?*?FROM?user?WHERE?username='"+username+"';",[],function?(ts,?res)?{

if(res.rows.length=0)

{

alert("登錄失敗，用戶未注冊(cè)");

}else?if?(password?==?res.rows[0].password)

{

alert("登錄成功,三秒后跳轉(zhuǎn)到百度");

setInterval(function?()?{

location.href?=?"";

},3000);

}else

{

alert("登錄失敗，密碼錯(cuò)誤");

}

});

})

}

/script

/body

/html

以上代碼使用了WEB SQL，還請(qǐng)選擇合適的瀏覽器查看。

js怎樣寫APP界面

js寫app界面的話，那就使用html+css的形式來(lái)寫網(wǎng)頁(yè)，然后使用一些第三方工具來(lái)把網(wǎng)頁(yè)包裝成app

如何用js制作Tab欄官網(wǎng)登錄界面

1、在桌面找到并且打開js軟件。

2、新建一個(gè)項(xiàng)目，并且保存打開項(xiàng)目。

3、依次寫入想要的官網(wǎng)代碼即可。以上就是用js制作tab欄官網(wǎng)登錄界面的方法。

JavaScript問題！請(qǐng)問既然能有HTML+CSS做界面了，為什么還需要用JavaScript來(lái)寫界面呢，請(qǐng)給我細(xì)說(shuō)一下。

例子我就不找了，說(shuō)下我的理解。

如果你們老師拿個(gè)項(xiàng)目就直接上javascript，而不先給出它的HTML+CSS靜態(tài)頁(yè)面，這絕對(duì)是一種不負(fù)責(zé)任的行為，因?yàn)樾率趾茈y懂函數(shù)或者對(duì)象封裝到底在做什么，為什么要這么做

繼續(xù)說(shuō)下三大部分的作用：

HTML：組成網(wǎng)站結(jié)構(gòu)的標(biāo)簽元素

CSS: 樣式級(jí)聯(lián)表，主要控制各個(gè)元素在頁(yè)面上的顯示

JavaScript： 腳本語(yǔ)言，提供強(qiáng)大的DOM元素操作功能，使得頁(yè)面即使在用戶瀏覽器上的邏輯或者交互脫離服務(wù)器，由用戶的瀏覽器解析運(yùn)行，這樣降低了很多服務(wù)器的壓力，比如用戶注冊(cè)填寫之前的驗(yàn)證，其實(shí)是告訴用戶瀏覽器規(guī)則，隨著用戶輸入就友好的提示了

如果一個(gè)網(wǎng)站相當(dāng)于一個(gè)房子，HTML+CSS只是構(gòu)成了房子的框架和內(nèi)在的顏色，而Javascrip讓這個(gè)房子水電、燃?xì)?、可移?dòng)家具都添加進(jìn)來(lái)了，這個(gè)房子對(duì)于用戶（人）就顯得可愛多了

好吧，扯了這么多。

如果是培訓(xùn)班，可能會(huì)覺得HTML+CSS過于簡(jiǎn)單，因?yàn)槭庆o態(tài)的，寫下就固定看起來(lái)簡(jiǎn)單。所以要學(xué)編程的思想，在這三種之間重點(diǎn)當(dāng)然還是Javascript，難度自然上來(lái)了，動(dòng)態(tài)操作。

至于你說(shuō)的界面的問題，用HTML+CSS寫當(dāng)然最合適。用Javascript寫，具有更好的可維護(hù)性可擴(kuò)展性。比如生成一個(gè)多級(jí)菜單的，如果有10個(gè)頁(yè)面，每個(gè)頁(yè)面都得復(fù)制一遍html+CSS代碼，如果要要在這個(gè)菜單中增加一個(gè)字菜單，你就要打開這個(gè)10個(gè)頁(yè)面逐個(gè)修改，而如果你的Javascript封裝了一個(gè)函數(shù) createMenu(); 你在直接修改頁(yè)面調(diào)用的js文件的參數(shù)，所有頁(yè)面都修改了。

學(xué)習(xí)階段當(dāng)然是找難的學(xué)，前端工程師的核心在Javascript，前提是以理解Html+css為基礎(chǔ)。

作為學(xué)習(xí)還是建議一定要先有有靜態(tài)HTML+CSS頁(yè)面，再來(lái)講Javascript！

網(wǎng)站名稱：javascript做界面,javascript界面設(shè)計(jì)
本文網(wǎng)址：http://m.rwnh.cn/article22/phjicc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、服務(wù)器托管、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)站排名、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)