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

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

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

2、明聲明屬性屬性屬性值屬性值.water color:blue .danger color:red 測試水測試水測試危險(xiǎn)測試危險(xiǎn)無樣式無樣式斜體斜體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)鍵字運(yùn)算符說明示例+如果操作數(shù)都是數(shù)字時(shí)執(zhí)行加法運(yùn)算，如果其中的操作數(shù)有字符串時(shí)，會(huì)執(zhí)行連接字符串的作用A = 5 + 8 /結(jié)果是13A =5+ 8 /結(jié)果是58-減法A = 8 5*乘法A = 8 * 5/除法A = 20 / 5%取余 - 相除之后的余數(shù)10 % 3 = 1+一元遞增。此運(yùn)算符只計(jì)算一個(gè)操作數(shù)，將操作數(shù)的值加1。返回的值取決于+運(yùn)算符是位于操作數(shù)之前還是位于操作數(shù)之后。 +x返回遞增后的x值x+返回遞增前的x值 - -一元遞減。此運(yùn)算符只計(jì)算一個(gè)操作數(shù)。返回的值取決于-運(yùn)算符是位于操作數(shù)之前還是位于操作數(shù)之后-

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

5、對(duì)象名對(duì)象名元素值列表元素值列表元素個(gè)數(shù)元素個(gè)數(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(歡迎進(jìn)入歡迎進(jìn)入JavaScript世界世界, + na

6、me);輸入您的名字：輸入您的名字： color = new Array(紅色紅色,藍(lán)色藍(lán)色,綠色綠色); 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(雇員代號(hào)：雇員代號(hào)： + 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 瀏覽器對(duì)象Netscape 瀏覽器對(duì)象最低公用標(biāo)準(zhǔn)的文檔對(duì)象層次最低公用標(biāo)準(zhǔn)的文檔對(duì)象層次windowframe self top parentdocumenthistorylocationlinkformanchortextselectradiobuttonresettextareacheckboxoptionsubmit表單對(duì)象示例表單對(duì)象示例 使用表單對(duì)象標(biāo)記使用表單對(duì)象標(biāo)記 文本域?qū)ο蟮氖录谋居驅(qū)ο蟮氖录?function writeIt(value) alert(value); 文本域事件示例文本域事件示例命令按鈕事件示例命令按鈕事件示例HTML按鈕對(duì)象的事件按鈕對(duì)象的事件圖圖

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(請(qǐng)把燈打開！請(qǐng)把燈打開！); document.bgColor=black; else alert(謝謝！謝謝！);document.bgColor=white; 電燈

10、開關(guān)電燈開關(guān)復(fù)選框事件示例復(fù)選框事件示例選項(xiàng)按鈕對(duì)象的事件選項(xiàng)按鈕對(duì)象的事件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(請(qǐng)把燈打開！請(qǐng)把燈打開！); 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); 狗狗 魚魚 鳥鳥組合列表框事件示例組合列表框事件示例 表單對(duì)象的事件表單對(duì)象的事件 function validateFirstName().function validateLastName() .function validateEmail() .function processForm() . 處理表單事件處理表單事件名字：名字：姓氏：姓氏： Email：附注：附注：請(qǐng)輸入附注請(qǐng)輸入附注表單驗(yàn)證應(yīng)用示例表單驗(yàn)證應(yīng)用示例