HTML使用JAVASCRIPT程式設(shè)計

1、HTML使用 與 JavaScript程式設(shè)計,日期：88年,90年09月 簡武隆,一個HTML文件基本上區(qū)分成與區(qū)， 我們在區(qū)設(shè)定本頁屬性，畫面內(nèi)容則撰寫於區(qū)，Script(處理程式）則依需求分散在文件內(nèi)部,HTML文件之組成,Tag的格式,HTML文件中最重要的元素：HTML標(biāo)籤 Opening tag: ,Ending tag: 例: ,網(wǎng)頁最基本的結(jié)構(gòu) (document structure), 標(biāo)題 其他標(biāo)籤 註解, 顏色的表示方法： 固定名稱：red, lightBlue, IE擴充的名稱：aliceblue, RGB十六進位：00ff99,33ff66 ,Body.htm,表頭用

2、的標(biāo)籤, 文件的標(biāo)題 文件的描述 設(shè)定樣式 讀入外部的樣式檔 讀入外部的JavaScript檔案 ,區(qū)塊文字標(biāo)籤, Division 區(qū)域 表頭 Paragraph 段落 PREformatted text 原樣輸出但HTML會被解譯 Example 完全原樣輸出 特殊字元 空白,Block.htm,Lists,: Ordered List Type: 1,i,I,a,A,circle,disc,square : Unordered List : List Item,List.htm,文字屬性,: Bold 粗體 字型設(shè)定 基本字型 將字型變大 : Italic 斜體 : Underline

3、底線,Text.htm,Anchor與圖案, Anchor http:/,ftp:/,file:/, mailto:,news:,javascript:,file:/ 讀取圖案檔 ,Links.htm,格式化標(biāo)籤, BReak 置中 Horizental Ruler 橫線 嵌入文字區(qū)域 This paragraph contains a single blue word.,表格標(biāo)籤, Table Row Table Definition,Tables.htm,表格: ,Form的送出與回應(yīng),HTML文件透過Form(表單)的Submit，將瀏覽器的表單資料(INPUT或SELECT等)送給We

4、b Server Web Server處理完畢後再依Form的指示(Action)回應(yīng)至瀏覽器，做換頁處理,Form的處理 ,Form的請求(Request)Method有兩種： GET：將表單資料附加在Action網(wǎng)址(URL)後面?zhèn)鹘oWeb Server (URL?NAME1=VALUE1 按鈕：RESET(清除) 文字輸入： 文字輸入： ,Form1.htm,Form的資料蒐集標(biāo)籤,Radio Button： 同一群Radio的name要相同 Check Box： 隱藏式資料： ,Form2.htm,Form的資料蒐集標(biāo)籤,下拉式選單： 文字 文字 文字區(qū)塊： 文字 ,Form3.htm

5、,瀏覽器的物件模式 (Document Object Model),window物件的屬性,window物件的方法,window.history物件,if (window.history.length 5) window.history.go(5);,window.navigator物件,Navigator.htm,window.location物件屬性,location.htm,window.location物件方法,window.event物件,window.event物件,window.screen物件,window.document物件,window.document物件,window

6、.document物件-集合,DHTML,文字 innerText innerHTML outerText outerHTML 樣式的使用： ,InnerText,Style, 樣式間以分號隔開 樣式與其值間以冒號隔開 Script之設(shè)定方法： 將樣式的減號刪去，第二字句的第一個字母改成大寫(font-familyfontFamily) document.all.btnReset.runtimeStyle. fontSize = 20pt;,CSS(Cascading Style Sheet)定義,.樣式名 樣式定義 .表格_表頭 font-family: 新細(xì)明體; font-size: 10pt; color: #FFFF99; background-color: #006666; text-align: center .表格_表身 background-color:#FFFFCC; font-si