java script 第2課 ppt

《java script 第2課 ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、回顧請簡述一下腳本執(zhí)行的原理。在JavaScript中有哪些控制語句及其含義？如何創(chuàng)建一個有參函數(shù)以及如何調(diào)用它？1預(yù)習(xí)檢查解釋名詞“根節(jié)點(diǎn)”、“子節(jié)點(diǎn)”和“相鄰節(jié)點(diǎn)“。window對象常用的屬性有哪些？請解釋setTimeout()方法的功能。2本章任務(wù)演示示例1：廣告窗口特效演示示例2：時鐘顯示特效制作廣告窗口特效制作時鐘顯示特效3本章目標(biāo)會運(yùn)用DOM模型查找某個HTML元素會使用window對象的open()方法制作各種樣式的廣告窗口會使用window對象的setTimeout()方法和Date對象制作日期顯示效果4HTML文檔的樹狀結(jié)構(gòu)根節(jié)

2、點(diǎn)根節(jié)點(diǎn)的子節(jié)點(diǎn)有什么辦法對HTML中的內(nèi)容進(jìn)行動態(tài)改變呢？演示示例3：動態(tài)改變HTML中的內(nèi)容使用DocumentObjectModel相鄰節(jié)點(diǎn)5什么是DOMDOM－DocumentObjectModel,它是W3C國際組織的一套Web標(biāo)準(zhǔn)，它定義了訪問HTML文檔對象的一套屬性、方法和事件。functionchangeLink(){document.getElementById('myAnchor').innerHTML="搜狐";document.getEle

3、mentById('myAnchor').href="http://www.sohu.com";}淘寶修改內(nèi)容修改屬性HTML文檔的每個節(jié)點(diǎn)都是對象，類似WinForm中的控件，都具備屬性、方法和事件定位鏈接元素（對象）6DOM對象模型-1http://www.goo

4、gle.comwindow窗口對象location地址對象FORM表單對象瀏覽器對象的分層結(jié)構(gòu)window.document.myform.text1document文檔對象7DOM對象模型-2瀏覽器對象的分層結(jié)構(gòu)8Window對象常用的屬性名稱說明status指定瀏覽器狀態(tài)欄中顯示的臨時消息screen有關(guān)客戶端的屏幕和顯示性能的信息。history有關(guān)客戶訪問過的URL的信息。location有關(guān)當(dāng)前URL的信息。document表示瀏覽器窗口中的HTML文檔常用的屬性9常用的方法onLoad事件：在窗口或框架完成文檔加載時觸發(fā)window對象

5、常用的方法和事件名稱說明alert("提示信息")顯示一個帶有提示信息和確定按鈕的對話框confirm("提示信息“)顯示一個帶有提示信息、確定和取消按鈕的對話框open("url","name")打開具有指定名稱的新窗口，并加載給定URL所指定的文檔；如果沒有提供URL，則打開一個空白文檔close()關(guān)閉當(dāng)前窗口showModalDialog()在一個模式窗口中顯示指定的HTML文檔setTimeout("函數(shù)",毫秒數(shù))設(shè)置定時器：經(jīng)過指定毫秒值后執(zhí)行某個函數(shù)10如何使用window對象-1

6、t">functionopenwindow(){window.status="系統(tǒng)當(dāng)前狀態(tài)：您正在注冊用戶......";if(window.screen.width==1024&&window.screen.height==768)window.open("register.html");elsewindow.alert("請設(shè)置分辨率為1024x768，然后再打開");}functionclosewindow(){if(window.confirm("您確認(rèn)要退出系統(tǒng)嗎？"))window.close();}

7、e="button"name="regButton"value="用戶注冊"onclick="openwindow()">示例完整代碼在窗口狀態(tài)欄中設(shè)置文本設(shè)置窗口的高度使用open方法打開新窗口彈出警告對話框彈出確認(rèn)對話框關(guān)閉當(dāng)前窗口添加單擊事件因為window是最頂層的根，所以可以省略window.open("google.htm");可簡寫為：open("google.htm");close()方法也是如

8、此。11如何使用window對象-2-1open（”打開窗口的url”，”窗口名”，”窗口特征”）窗口的特征如下，可以任意