網(wǎng)頁設(shè)計[140頁]

《網(wǎng)頁設(shè)計[140頁]》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計[140頁]（140頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、我的第一個我的第一個HTMLHTML文件文件文件頭文件頭HTMLHTML還是很好學(xué)的還是很好學(xué)的我的第一個網(wǎng)頁我的第一個網(wǎng)頁頭頭主體主體每個標記都括在一對尖括號內(nèi)標記都有一個開始標記和一個結(jié)束標記有些標記不需要結(jié)束標記，如 標記名不區(qū)分大小寫，但是通常用大寫以和普通正文區(qū)分標記可以有屬性的取值 如 有時需要在一對標記內(nèi)嵌入其它的標記對以取得所需的顯示效果在HTML文檔中進行注釋，使用在腳本代碼中使用/FoodDrinkSweetdata1data2data3FoodSweetABRuleSelector property:value;property: value; . 規(guī)則選擇器規(guī)則選擇器聲

2、明聲明屬性屬性屬性值屬性值.water color:blue .danger color:red 測試水測試水測試危險測試危險無樣式無樣式斜體斜體document.write(嗨！你好嗎？嗨！你好嗎？)test.js JavaScript示例示例 Function1、Function2和和Function3都都可以訪問可以訪問腳本腳本全局變量全局變量Function1局部變量局部變量aFunction2局部變量局部變量bFunction3局部變量局部變量c數(shù)據(jù)類型描述數(shù)字型 (Number)整數(shù)或?qū)崝?shù)邏輯型或布爾型 (Boolean)True或False字符串型(String)如“Hello

3、World”，“123.4”空型 (null)表示空值的特殊關(guān)鍵字運算符說明示例+如果操作數(shù)都是數(shù)字時執(zhí)行加法運算，如果其中的操作數(shù)有字符串時，會執(zhí)行連接字符串的作用A = 5 + 8 /結(jié)果是13A =5+ 8 /結(jié)果是58-減法A = 8 5*乘法A = 8 * 5/除法A = 20 / 5%取余 - 相除之后的余數(shù)10 % 3 = 1+一元遞增。此運算符只計算一個操作數(shù)，將操作數(shù)的值加1。返回的值取決于+運算符是位于操作數(shù)之前還是位于操作數(shù)之后。 +x返回遞增后的x值x+返回遞增前的x值 - -一元遞減。此運算符只計算一個操作數(shù)。返回的值取決于-運算符是位于操作數(shù)之前還是位于操作數(shù)之后-

4、x返回遞減后的x值x-返回遞減前的x值 -一元求反。此運算符返回操作數(shù)的相反數(shù) 如果a等于5，則-a =-5運算符說明示例= = 等于。如果兩個操作數(shù)相等，則返回Truea = = b!=不等于。如果兩個操作數(shù)不等，則返回TrueVar2 != 5大于。如果左操作數(shù)大于右操作數(shù)，則返回TrueVar1 var2=大于或等于。如果左操作數(shù)大于或等于右操作數(shù)，則返回TrueVar1 = 5Var1 = var2小于。如果左操作數(shù)小于右操作數(shù)，則返回TrueVar2 var1=小于或等于。如果左操作數(shù)小于或等于右操作數(shù)，則返TrueVar2 = 4Var2 = 18) ? adult : minor

5、對象名對象名元素值列表元素值列表元素個數(shù)元素個數(shù)empRyan Diasemp0 if (condition) statements; else statements2; switch (expression)case value1: statements; break;case value2: statements; break;.default :statements;function funcName(argument1,argument2,etc)statements; function dispname(name) alert(歡迎進入歡迎進入JavaScript世界世界, + na

6、me);輸入您的名字：輸入您的名字： color = new Array(紅色紅色,藍色藍色,綠色綠色); for (var prop in color) var record = color ; record+=prop+=+colorprop + ; document.write(record); function employee(name, code, designation) this.name = namethis.code = codethis.designation = designationnewemp = new employee(John Dias, A001, 職員職員

7、);document.write(雇員姓名：雇員姓名： + newemp.name + );document.write(雇員代號：雇員代號： + newemp.code + );document.write(頭銜：頭銜： + newemp.designation);var a, b, c;var r=10;with (Math) a = PI * r * r; b = r * cos(PI); c = r * sin(PI/2); document.write (a +); document.write (b +); document.write (c +);ngetTime()返回毫秒數(shù)I

8、E 瀏覽器對象Netscape 瀏覽器對象最低公用標準的文檔對象層次最低公用標準的文檔對象層次windowframe self top parentdocumenthistorylocationlinkformanchortextselectradiobuttonresettextareacheckboxoptionsubmit表單對象示例表單對象示例 使用表單對象標記使用表單對象標記 文本域?qū)ο蟮氖录谋居驅(qū)ο蟮氖录?function writeIt(value) alert(value); 文本域事件示例文本域事件示例命令按鈕事件示例命令按鈕事件示例HTML按鈕對象的事件按鈕對象的事件圖圖

9、10.3a：示例：示例3的輸出結(jié)果的輸出結(jié)果 function writeIt(value) myfm.second_text.value=value; 復(fù)選框?qū)ο蟮氖录?fù)選框?qū)ο蟮氖录unction switchLight() var the_box = window.document.form_2.check_1; var the_switch = ; if (the_box.checked = false) alert(請把燈打開！請把燈打開！); document.bgColor=black; else alert(謝謝！謝謝！);document.bgColor=white; 電燈

10、開關(guān)電燈開關(guān)復(fù)選框事件示例復(fù)選框事件示例選項按鈕對象的事件選項按鈕對象的事件function offButton() var the_box = window.document.form_1.radio_1; if (the_box.checked = true) window.document.form_1.radio_2.checked = false; document.bgColor=black; alert(請把燈打開！請把燈打開！); function onButton() var the_box = window.document.form_1.radio_2; if (the_

11、box.checked = true) window.document.form_1.radio_1.checked = false; document.bgColor=white; alert(謝謝！謝謝！); 關(guān)燈關(guān)燈開燈開燈 單選按鈕事件示例單選按鈕事件示例 值值1 值值2 值值3 組合框?qū)ο蟮氖录M合框?qū)ο蟮氖录unction show(txt) alert(選中的是選中的是+ txt); 狗狗 魚魚 鳥鳥組合列表框事件示例組合列表框事件示例 表單對象的事件表單對象的事件 function validateFirstName().function validateLastName() .function validateEmail() .function processForm() . 處理表單事件處理表單事件名字：名字：姓氏：姓氏： Email：附注：附注：請輸入附注請輸入附注表單驗證應(yīng)用示例表單驗證應(yīng)用示例