? ? ?JavaScript 是一種基于對象和事件驅動的腳本語言。JavaScript和HTML一起實現網頁與客戶端的交互,從而可以開發客戶端的應用程序。JavaScript是通過潛入在標準的HTML文件中實現的,可以直接控制瀏覽器窗口個元素以及頁面內容。JavaScript一個重要的功能就是用來實現客戶端輸入的驗證。
一、JavaScript 的特點:
(1)簡單。JavaScript 是一種腳本語言,它的基本語法與C,C++十分類似。
(2)動態,JavaScript 是動態的,他可以直接對用戶輸入做出響應,無須經過Web服務器。
(3)跨平臺。JavaScript 只依賴瀏覽器,與系統環境無關,只要能運行支持JavaScript 的瀏覽器就可以正確執行JavaScript 程序。
(4)基于事件。JavaScript 對用戶的響應,是采用事件驅動的方式進行的。
二、JavaScript 中的事件
(1) onClick 單擊事件
當用戶單擊鼠標按鈕時,產生onClick事件。同時onClick指定的事件處理程序或代碼將被調用執行。通常在下列基本對象中產生:
button(按鈕對象)
checkbox(復選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)
例如可通過下列按鈕激活change()文件:
<Form>
<Input type="button" Value="" onClick="change()">
</Form>
在onClick等號后,可以使用自己編寫的函數作為事件處理程序,也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例:<Input type="button" value=" " οnclick=alert("這是一個例子");
(2)onChange改變事件
當利用text或texturea元素輸入字符值改變時發該事件,同時當在select表格項中一個選項狀態改變后也會引發該事件。例:
<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>
(3)選中事件onSelect
當Text或Textarea對象中的文字被加亮后,引發該事件。
(4)獲得焦點事件onFocus
當用戶單擊Text或textarea以及select對象時,產生該事件。此時該對象成為前臺對象。
(5)失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點、而退到后臺時,引發該文件,他與onFocas事件是一個對應的關系。
(6)載入文件onLoad
當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,并用一個變量為其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
當Web頁面退出時引發onUnload事件,并可更新Cookie的狀態。
三、常用方法
JavaScript:能方便地使用瀏覽器提供的對象,這些對象主要包括windows(窗口對象)、document(文檔對象),location(位置對象),history(歷史對象),利用這些對象,可以與Web頁面交互。其中windows對象是所加載文檔的父對象,調用windows對象的方法可以直接寫方法名。
例如:
(1)window.alert()
(2)window.confirm()
(3)window.prompt();
(4)document.write() document.writeln() 將文本信息輸出到瀏覽器窗口中。
讓彈出窗口總是在最上面:
<body οnblur="this.focus();">
26.如何設定打開頁面的大小
<body οnlοad="top.resizeTo(300,200);">
打開頁面的位置<body οnlοad="top.moveBy(300,200);">
四、JavaScript操作表單form
(1)獲取元素值 document.form1.pass.value;
(2)元素長度 document.form1.pass.value.length;
(3)在pass上設置光標 document.form1.pass.focus();
(4)將form1調單提交給Web服務器上的處理程序:document.form1.submit();
?