1、1、應用程序節(jié)目系統(tǒng)開發(fā)簡介、Javascript(下圖)、2、內(nèi)容、如何在瀏覽器中使用JavaScript瀏覽器頂級對象window經(jīng)典文檔對象模型(DOM0)事件和事件處理JavaScript常見錯誤、3、在啟用JavaScript的瀏覽器中調(diào)用CSS的三個茄子方法鏈接標記的URL HTML元素的事件您可以在此處寫入多個腳本，但不能寫入return語句。5，處理HTML元素的事件，Click Me Too相對簡單且常用。Return false通常不添加Javascript:的協(xié)議頭，而是使用onclick=alert(Hello！)；Return false。6，頁面上的腳本元素中.Cl

2、ick Me Again元素通常放置在元素中。7，外部腳本檔案，外部腳本檔案testJs.js HTML檔案*。htm.Click Me Nowww！但是，由于腳本與HTML完全分離，因此可以將業(yè)務開發(fā)領域中最常用的方法、8、瀏覽器頂級對象window、9、Window對象概述、JavaScript中的所有變量和函數(shù)追溯到一個頂級對象。當JavaScript應用于web客戶端編程時，如果瀏覽器成功加載頁面，則將創(chuàng)建包含window根的對象樹。與牙齒對象樹相關的介面規(guī)范也稱為BOM、“瀏覽器對象模型”(Browser Object Model)。沒有With語句的默認范圍中的第一個元素是頂層元素

3、window，因此，訪問window屬性時可以省略對象名稱window。10，瀏覽器對象模型的對象層次結構，11，更改狀態(tài)欄，狀態(tài)=歡迎訪問ABCD站點。但是，如果網(wǎng)頁上同時放著鏈接，把鼠標移到鏈接上，然后離開鏈接，不幸的是，我們會發(fā)現(xiàn)剛才“歡迎詞”不見了。戴維亞設，美國電視電視劇)這時該怎么辦呢？要解決牙齒問題，必須使用defaultStatus而不是status。DefaultStatus=歡迎訪問ABCD站點。12、計時觸發(fā)器函數(shù)、計時觸發(fā)器函數(shù)可以使用窗口的setTimeout或setInterval函數(shù)?，F(xiàn)在，讓我們實施用于更新簡單動態(tài)狀態(tài)欄的JavaScript腳本程序。Defau

4、ltStatus=歡迎訪問ABCD站點。function addhi()default status=hi，default status；SetInterval(add hi()；1000)；13，使用對話框與用戶交互的JavaScript的初始目的是與用戶交互。與現(xiàn)在華麗的動態(tài)頁面相比，對話框的外形有些丑陋，但在很多需要與用戶交互的場景中，它仍然占據(jù)著一席之地。窗口提供了三個茄子對話框函數(shù)：alert()、confirm()和prompt()、14和alert (informationhere)。if(confirm(question here)document . write(choose

5、ok .)else document . write(choose cancel .)if=null)document . write(user input 3360 input str)else document . write(user give up .)，確認對話框和提示輸入對話框，15，Open函數(shù)總共接受三個參數(shù)。第一個彈出窗口的URL，第二個是彈出窗口的標題，第三個是描述彈出窗口屬性的字符串。在牙齒字符串中，每個屬性均顯示為“屬性名稱=屬性值”，并用分號分隔。w=Window . open(pop URL，windowtitle，width=400，height=400，stat

6、us=yes，resizable=yes)由于不經(jīng)常使用的原因，未在“牙齒”部分開頭的“屬性”表格中列出。但是，對于JavaScript開發(fā)人員來說，onerror是一個有用的屬性functionprinterror (message，URL，line) alert (error 3360 message，URL 3360 Return trueOnerror=printError、18、經(jīng)典文檔對象模型(DOM0)、19、document對象概述、window中的document對象包含可以訪問當前窗口中加載的HTML文檔的所有信息。document根對象樹的介面規(guī)范是documentobj

7、es，在文檔對象模型(DOM)JavaScript標準化過程中，主流瀏覽器允許的DOM的介面規(guī)范逐漸出現(xiàn)。也就是說，由于W3C將相關介面規(guī)范稱為DOM，因此在牙齒部分中討論的經(jīng)典對象文檔模型被細分為級別1 DOM、級別2 DOM、級別3 DOM、經(jīng)典對象，因此，稱為級別0 DOM0不是W3C DOM規(guī)范的一部分，但是支持它的瀏覽器種類很多，因此實際上導入了標準、20、DOM 0模型的對象分層結構、21、對象的引用Netscape不像IE那樣提供all集合屬性。在初始NAV4實施中，document具有Layers的集合變量，但在NAV7后未使用。訪問NAV6瀏覽器的頁面元素可通過getElem

8、entById(元素Id)函數(shù)獲取對id相應對象的引用。在W3C DOM中，getElementById是檢索元素的標準函數(shù)。23，導入對象。方法1:完整路徑方法：在document.myForm.myTextField，F(xiàn)orm元素范圍內(nèi)絕對通用。方法2:陣列方法：document.forms 0。如果您可以確定text 0，特定的索引值(第一個為0)，則可以查找沒有Id的元素。方法3:導航方法：IE4 :document.all myTextField或document.all.myTextField或document . getelement byid(my textfield nav

9、6 :文檔)Else alert(unsupported browser！navigator . user agent)；Return null，25，西餐任務，單個任務是JavaScript最先實現(xiàn)的功能之一，支持西餐任務是JavaScript最基本的功能。JavaScript可以通過設置西餐元素的value屬性來控制西餐輸入控件的當前值。26，代碼4.37，functionchangetext()getobj(textfield)。value=newvalue、27、Radio、Checkbox和Select控件對象；Radio和Checkbox提供用于控制是否選擇的checked屬性。如

10、果將核取方塊或核取方塊對象的checked設置為true，則可以選擇該對象的元素。Select物件包含option物件的陣列Options，以及代表目前選取Option物件索引值selectedIndex的陣列。除value屬性外，Option對象還具有text屬性，用于指定向用戶顯示的文本。Option對象未定義其事件處理函數(shù)，因此必須使用onchange處理函數(shù)(包含Option對象的Select對象)執(zhí)行該用戶的交互。此外，如果列表框支持多項選擇，則selectedIndex無法解決問題，因此必須遍歷Options數(shù)組以檢查每個option對象的selected屬性。如果為Option對

11、象選擇了選項，則selected屬性為true，否則為false。、28、Radio、Checkbox和Select控件對象的方法和屬性；Radio and Checkbox objects Radio obj . checked=true；/check the corresponding radio box button checkbox obj . checked=true；/check the corresponding checkbox button select objects select obj . options 0/first option in select element

12、 . select obj ./SST option/secondoption will be selected，29，西餐驗證4.39，function checkform()if(getobj(textfield)。value！=new value)alert(new value is required)。)；Return falseElse return true，以上30個示例中的問題位于onclick屬性之后，return checkForm()；而不是checkForm()；牙齒之間的區(qū)別是什么？讀者可以自行嘗試。加載頁面后，單擊提交按鈕。由于文本框的初始值為“Old Value”

13、，不等于“new Value”，因此彈出了警告對話框，頁面未提交。我們這樣做好像已經(jīng)取得了很大的成功。如果將焦點移到文本框中，然后按回車，則表明表單已繞過檢查程序提交！31、Form對象的函數(shù)和屬性、32、修改表單的響應函數(shù)、function checkform()if(get obj(textfield)。value！=new value)alert(new value is required)。)；Return falseElse return true、33、Dstyle和動態(tài)HTML是JavaScript提供的大多數(shù)動態(tài)元素，但JavaScript和Flash在網(wǎng)頁的應用程序節(jié)目頁上的

14、各種Flash等ActiveX組件除外。這可能是JavaScript是網(wǎng)頁上最有魅力的應用程序，即每個JavaScript。CSS規(guī)范為每頁上顯示的元素定義了許多屬性，這些屬性與JavaScript中style對象的“類似名稱”屬性相對應。當然，實現(xiàn)DHTML并不是CSS唯一的主人公，更換照片也起到了重要作用。牙齒書前面提到的純JavaScript的介面表達能力有限。照片等外部媒體的介入使很多玄妙的效果成為可能。34，DHTML示例，var imgObjfunction buttonup()img obj . src=Bt NUP . gif；function buttondown()img

15、obj . src=Bt ndown . gif；function init()img obj=get obj(BTN)；/register event handlers img obj . on mouseup=buttonup；imgobj . on mouse out=button up；img obj . onmousedown=button down；img obj . onmouseover=button down；Window.onload=init，使用35、CSS和JavaScript控制4.42，# BTN width :100pxhigh TT :30 px；background-color : # fff 00；Border:5px solid # FF0000function buttonup()img o