javaScreipt小結(有使用者登入的案例)
<form action="test02.html" method="get"> <h1>使用者登入</h1> <table border = "1"> <tr><td align = "right"> 姓名</td> <td align ="left"> <input type = 'text' name = "user" value = "請輸入使用者名稱" > </td> </tr> <br> <tr><td align = "right"> 密碼 </td> <td align ="left"> <input type = "password" name = "psw"> </td> </tr> <br> <tr><td align = "right">確認密碼 </td> <td align ="left"><input type ="password" name = "repsw"></td> </tr><br> <tr><td align = "right"> 性別</td> <td align ="left"> <input type = 'radio' name = "sex" value = "nan" checked = "checked">男 <input type = 'radio' name = "sex" value = "nv" >女 </td> </tr> <br> <tr><td align = "right"> 愛好</td> <td align ="left"> <input type = "checkbox" name = "aihao"> 讀書 <input type = "checkbox" name = "aihao"> 打球 <input type = "checkbox" name = "aihao"> 看電視<input type = "checkbox" name = "aihao"> 釣魚 <input type = "checkbox" name = "aihao" checked ="true"> 遛狗</td> </tr><br> <tr><td align = "right"> 學歷</td> <td align ="left"> <select name= "xueli" > <option> 高中</option> <option> 大專 </option> <option selected> 本科</option> <option > 研究生 </option> </select> </td> </tr> <br> <tr><td align = "right">上傳檔案</td> <td align ="left"> <input type = "file" name = "photo"></td> </tr><br> <tr><td align = "right">秋波</td> <td align ="left"> <input type = "hidden" name = "qiubo" value = "qiutiandebocai"></td> </tr><br> <tr><td align = "right">自我介紹</td> <td align ="left"> <textarea rows = 5 cols = 50 value = "des"> 這傢伙很懶,什麼都沒有留下</textarea></td> </tr><br> <tr><td align = "center" colspan = "2"> <input type = "submit" value = "提交 "> <input type = "reset" value = " 重置 "> </td><tr><br> <tr> <td align = "center" colspan = "2"> <input type = "button" value = "滴滴一下,馬上出發" onclick = "alert('蘇老闆,請準備,正在為您派車......')"> </td> </tr> <br> </table> </form> </center> <hr> <center><h1>下面又是不同知識點<h1></center> <hr> <table border=3 width=60% align="center" height="150"> <thead bgcolor="#CCFFCC">
<table border = 1 width = 361 align = center> <thead bgcolor = #99ff33> <th>編號</th> <th>姓名</th> <th>年齡</th> </thead> <tbody bgcolor = #cccc00> <tr align = center> <td width = 106>2010</td> <td width = 124>李 </td> <td width = 109> 10086</td> </tr><B></B> <tr align = center><td>2011</td> <td> 蘇</td> <td> 1223</td> </tr> <tr align = center><td>2050</td> <td>外星人</td> <td> 2100</td> </tr> <tr><td align = center colspan =3 >我們是認真的</td> </tr> </tbody> </table> <hr> <img src = "../car.jpg" alt = "寶駿510">
css的使用。
</body>
*******************************************************************
<h1>註冊新使用者</h1> <hr> <form action="E:\2018 5月課程內容\04-javaSE\09-JavaScript(3天)\websom" method="post"> <table border="1"> <tr> <td align="right">姓名</td> <td align="left"> <input type="text" name="uname" id="uname" value="請輸入使用者名稱" onclick="clearValue()"> </td> </tr> <tr> <td align="right">密碼</td> <td align="left"> <input type="password" name="pwd" id="pwd"></td> </tr> <tr> <td align="right">確認密碼</td> <td align="left"><input type="password" name="repwd" id="repwd"></td> </tr> <tr> <td align="center" colspan="2"> <input type="submit" value="提交" onclick= "return checkForm()"> <input type="reset" value="重置"> </td> </tr> </table> </form>
小問題********
1.能夠完成表單驗證,要求使用者填寫一項驗證一項,並且驗證資訊顯示在輸入域後面,只要有一項不合法,表單是不允許提交的。*
能
不能
2.window物件的alert()和confirm()函式都會用嗎*
會
不會
3.window物件的open()和close()都會用嗎*
會
不會
4.能夠使用window物件的opener屬性完成父子視窗的通訊*
能
不能
5.通過history物件可以完成頁面前進和後退*
能
不能
6.通過location物件可以向伺服器傳送請求*
能
不能
7.常見事件:blur,focus,change,click,dblclick,keydown,keyup,load,mouseover,mousedown,mouseup,mousemove,這些事件都在什麼情況下發生?*
知道
不知道
8.通過JS內建的事件物件event可以獲取鍵值*
能
不能
9.回車鍵的鍵值,ESC鍵的鍵值。*
知道
不知道
10.給元素註冊事件可以在html標籤中新增事件控制代碼,除了這種方式之外,還可以通過執行JS程式碼給元素繫結事件,例如:document.getElementById(“myBtn”).onclick = function(){}*
知道
不知道
11.給元素繫結事件的時候,指定的函式為回撥函式,對回撥函式的概念你理解嗎*
理解
不理解
12.window的onload屬性可以用來繫結頁面載入完畢事件。*
知道
不知道
13.JSON是什麼,有什麼用?*
知道
不知道
14.能夠建立JSON物件,並且可以訪問JSON物件當中的資料*
能
不能
15.JS中{}和[]有什麼區別*
知道
不知道
16.JSON是如何完成JavaScript和Java之間交換資料的*
理解
不理解
17.window物件的eval()函式的作用*
理解
不理解
18.在javascript當中獲取系統當前日期*
會
不會
19.JS中獲取自1970年1月1日到當前的總毫秒數*
會
不會
20.JS中Date類的getYear()和getFullYear()*
理解
不理解
21.window.setInterval()和window.setTimeout()的區別*
理解
不理解
22.表格行的動態新增和動態刪除*
會
不會
23.JS完成下拉列表中新增新的選項option*
會
不會
24.會使用JS操作CSS樣式*
會
不會
25.獲取DOM元素的三種方式*
會
不會
26.正則表示式是一門獨立的學科,正則表示式在計算機程式設計方面可以幹什麼*
知道
不知道
27.常見的正則表示式符號代表的含義:[a-zA-Z0-9],{2},{2,3},{2,},+,?,,\s,^,$,\d,\w
理解
不理解
28.在JS中建立正則表示式物件的兩種方式*
會
不會
29.能夠使用正則表示式驗證郵箱地址。*
會
不會
30.能夠使用正則表示式去除字串前後空白。*
會
不會
1.JS程式如何除錯*
找到斷點之後,Skip over…
2.typeof運算子的作用,以及typeof運算子的6個結果分別是什麼*
知道
除了null和symbol的其他六中
3.JS中包含7種資料型別,分別是Undefined、Number、Boolean、Null、String、Object、Symbol*
知道
4.Undefined資料型別只有一個值undefined,當變數宣告時沒有賦值,系統預設賦值undefined。*
知道
5.變數宣告時沒有賦值系統會預設賦值,但是變數沒有宣告就直接訪問,那肯定是要報錯的:訪問的變數不存在。*
理解
6.Number型別常見的值包括:整數、浮點數、NaN、Infinity*
知道
7.什麼情況下結果是NaN*
NaN和任意數包括她自己運算結果都為NAN
8.什麼情況下結果是Infinity*
除以0時候
9.Number()函式、parseInt()函式、parseFloat函式它們都是幹什麼的*
Number()函式 返回結果為整形或浮點型基本型別的數
10.isNaN()函式是幹什麼的?*
判斷不是一個數。
11.Boolean型別只有true和false兩個值,其中Boolean()函式可以將資料轉換成true或者false*
知道
12.JavaScript和Java什麼關係,和HTML,CSS有什麼關係*
理解
13.JavaScript包括ECMAScript、DOM、BOM三部分*
知道
14.JavaScript和微軟的JScript在歷史的某段時間內是競爭關係,不過它們後來都遵守了ECMA-262標準。所以JavaScript和JScript語法基本上是一致的,所以開發的時候參考哪一個幫助文件都是可以的。*
知道
15.HTML中嵌入JS的三種方式*
內部,外部內嵌式
16.meta標籤的charset的作用是告訴瀏覽器採用哪一種字符集開啟當前頁面*
知道
17.JS是一門基於事件驅動型的指令碼語言,其中包含了很多事件,例如滑鼠單擊事件click,每一個事件都會對應一個事件控制代碼,例如click事件對應的事件控制代碼為onclick,而事件控制代碼通常是html標籤當中的屬性。*
理解
18.什麼樣的程式語言可以看做是指令碼語言呢?(JavaScript語言的目標程式以普通文字形式存在,使用記事本即可開發,不需要編譯,直接使用瀏覽器開啟則解釋執行)*
知道
19.JS中的字串既可以使用雙引號括起來,又可以使用單引號括起來*
知道
20.window.alert()可以彈出訊息框,並且window.是可以省略的*
知道
21.Java是一種強型別的程式語言,在Java中int i = 10,那麼就意味著i變數的資料型別會一直為int型別,那麼在賦值的時候就需要給i變數一種int型別的資料。JS是一種弱型別程式語言,例如:var i = 10,此時i變數由於賦值10,所以i變數當前的資料型別是整數型,i也可以賦值false,例如:i = false,那麼此時的i變數資料型別就是布林型別。顯然在JS中沒有強制型別的約束。一個變數可以隨意賦值。*
理解
22.JS中一個變數沒有手動賦值的時候,系統預設賦值:undefined*
知道
23.在JS中兩種定義函式的語法都會嗎*
會
24.JS的函式怎麼呼叫*
會
25.JS函式不存在過載機制,一個JS函式可以當做多個函式使用。*
理解
26.JS函式執行結束之後可以返回值,也可以不返回任何值。*
知道
27.在同一個js檔案當中,定義了多個同名函式,那麼當呼叫這個函式的時候會執行哪一個*
最後一個
28.函式的形參,以及函式體當中宣告的變數稱為區域性變數,函式體外宣告的變數是全域性變數。JS也遵守就近原則。但當一個變數在宣告時沒有使用var關鍵字,那麼不管這個變數是在哪個位置宣告的,它都是全域性變數。*
知道