實用 JavaScript 程式【04】

第四篇
使用 Javascript 來作個密碼

適合程度: 初學者 一般程度 進階者 以上均宜

請輸入密碼:

請輸入 leewn 做為測試,您可以參考下面說明修改之

原始 Javascript 程式碼:
<BODY>
<form Name="FormPass" method="POST">
<p>請輸入密碼: <input type="password" name="Passw1" size="20">
<input type="submit" value="Submit" onClick="CheckPassword(this.form.Passw1.value)">
<input type="reset" value="Reset"></p>
</form>

<script language="JavaScript">
function CheckPassword(Password){
if (Password != "leewn"){
alert("密碼錯誤! \n\n請重新輸入 \n\n提示:leewn")}
else{
window.open("test.htm","Win3","toolbar=no,location=no,scrollbars=no,resize=no,width=300,height=90,top=80,left=250")
}
}
</script>
</BODY>

運用說明:
只要簡短的幾行程式碼,就可以作一個簡單的密碼表單。
您可以修改紅色字體的參數或數字,以適合您的網頁。
請用檢視原始碼方式,將 <!--由此開始-->....<!--到此結束--> 內的語法複製到您的網頁便可。
window.open("test.htm","Win3","toolbar=no,location=no,scrollbars=no,resize=no,width=300,height=90,top=80,left=250")
test.htm要開啟的視窗檔案名稱
toolbar=no,location=no,scrollbars=no,resize=no,width=300,height=90,top=80,left=250
設定視窗工具列、網址、捲軸是否出現及大小尺寸。
建議您將輸入表單,以跳出小視窗方式,讓網友輸入密碼,如此可減少被偷窺之機會。

注意事項:
<form Name="FormPass" method="POST">....</form> 及 <SCRIPT>....</SCRIPT>,可放於 <BODY>....</BODY> 內。
這個程式只能騙不懂網頁的網友,下次將介紹用 CGI 或 Java 寫的密碼程式,敬請期待。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。