JavaScript腳本基礎(chǔ)
利用JS制作網(wǎng)頁特效
個人博客網(wǎng)站布局
企業(yè)網(wǎng)站設(shè)計
JavaScript腳本基礎(chǔ)
- JavaScript僅僅是一種嵌入到HTML文件中的描述性語言,它并不編譯產(chǎn)生機器代碼,只是由瀏覽器的解釋器將其動態(tài)的處理成可執(zhí)行代碼。
- JS是一種解釋性型的、基于對象的腳本語言,是一種比較寬松類型的語言。寬松類型意味著不必顯示定義變量的數(shù)據(jù)類型亥曹。
- JS語言的特點如下
(1)JS是一種腳本編寫語言,采用小程序段的方式實現(xiàn)變成恨诱,開發(fā)過程簡單
(2)JS是一種基于對象的語言媳瞪,它能運用已經(jīng)創(chuàng)建的對象
(3)JS是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計語言,比較簡單照宝,其次它的變量類型采用弱類型蛇受,并未使用嚴格的數(shù)據(jù)類型
(4)JS是動態(tài)的,可以直接對用戶的輸入作出響應厕鹃,無需經(jīng)過Web服務程序
(5)JS是一種安全性語言兢仰,它不允許訪問本地硬盤,并且不能將數(shù)據(jù)存入服務器剂碴,不允許對網(wǎng)絡(luò)文檔進行修改和刪除把将,只能通過瀏覽器實現(xiàn)信息瀏覽和或互動交互,從而有效的防止數(shù)據(jù)的丟失
(6)JS具有跨平臺性忆矛。它依賴于瀏覽器本身察蹲,與操作環(huán)境無關(guān)。 - JS的事件。JS是基于對象的語言洽议,而基于對象的基本特征宗收,就是采用事件驅(qū)動。通常鼠標或鍵盤的動作稱之為事件亚兄,由鼠標和鍵盤引發(fā)的一連串程序的動作镜雨,稱之為事件驅(qū)動。而對事件進行處理的程序或函數(shù)儿捧,則稱之為事件處理程序
- onClick事件--當用戶點擊鼠標時,產(chǎn)生onClick事件挑宠,同時onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行菲盾。
- onChange事件--它是一個與表單相關(guān)的事件,當利用text或者textarea元素輸入的字符值改變時發(fā)生該事件各淀,同時當在select表格中的一個選項狀態(tài)改變后也會引發(fā)該事件
- onSelect事件--是當文本框中的內(nèi)容被選中時所發(fā)生的事件
- onFocus事件--當單擊表單對象時懒鉴,即將光標放在文本框或選擇框上時產(chǎn)生onFocus事件
- onLoad事件--當加載網(wǎng)頁文檔時,會產(chǎn)生該事件碎浇。onLoad事件的作用是在首次載入一個頁面文件時檢測cookie的值临谱,并用一個變量為其賦值,使其可以被源代碼使用
- onUnload事件--當退出網(wǎng)頁時引發(fā)onUnload事件奴璃,并可更新cookie的狀態(tài)
- onBlur事件--失去焦點onBlur事件正好與獲得焦點事件相對悉默,當text對象、textarea對象或select對象不再擁有焦點而退到后臺時苟穆,引發(fā)該事件
- onMouseOver事件--當鼠標指針移動到某對象范圍的上方時觸發(fā)的事件
- onMouseOut事件--當鼠標指針離開某對象范圍時觸發(fā)的事件
- onDblClick事件--是鼠標雙擊時觸發(fā)的事件
- 瀏覽器的內(nèi)部對象抄课,使用瀏覽器的內(nèi)部對象,可實現(xiàn)與HTML文檔進行交互雳旅。
瀏覽器的內(nèi)部對象主要包括以下幾個:
1.瀏覽器對象(navigator):提供有關(guān)瀏覽器的信息
2.文檔對象(document):document對象包含了與文檔元素一起工作的對象
3.窗口對象(windows):windows對象處于對象層次的最頂端跟磨,它提供了處理瀏覽器窗
口的方法和屬性
4.位置對象(location):location對象提供了與當前打開的URL一起工作的方法和屬性,是
一個靜態(tài)的對象
5.歷史對象(history):history對象提供了與歷史清單有關(guān)的信息
在JS中提供了非常豐富的內(nèi)部方法和屬性攒盈,從而減輕了編程人員的工作抵拘,提高了編程效率。在這些對象系統(tǒng)中型豁,文檔對象屬性非常重要僵蛛,它位于最底層,但對實現(xiàn)頁面信息交互起著關(guān)鍵作用迎变,因而是對象系統(tǒng)的核心部分
- navigator對象可用來存取瀏覽器的相關(guān)信息如瀏覽器的名稱墩瞳、瀏覽器的版本等
- document對象主要有l(wèi)inks、anchor氏豌、form三個重要的屬性
- windows對象處于對象層次的最頂端喉酌,它提供了處理navigator窗口的方法和屬性。JS的輸入可以通過windows對象來實現(xiàn)
- location對象是一個靜態(tài)的對象,它描述的是某一個窗口對象多打開的地址
- history對象是瀏覽器的瀏覽歷史泪电。
利用JS制作網(wǎng)頁特效
- 顯示當前時間般妙,利用getHours()、getMinutes()相速、getSeconds()分別獲取當前小時數(shù)碟渺、當前分鐘數(shù)、當前秒數(shù)
- 顯示當前日期突诬,利用getYear()苫拍、getMonth()、getDate()旺隙、getDay()分別獲得當前年份绒极、當前月份、當前日數(shù)蔬捷、當前星期垄提。在顯示月份的時候,要將所得的月份加1周拐,因為月份的數(shù)值是從0到11铡俐;利用getDay()方法獲得的值中,0代表星期天妥粟。