1、JavaScript代碼由
<Script Language =“JavaScript”>..</ Script >說明。
在標識<Script Language =“JavaScript”>...</ Script >之間就可加入JavaScript腳本。
alert()是JavaScript的窗口對象方法,其功能是彈出一個具有OK對話框並顯示()中的 字符串
2、document .write()是文檔對象的輸出函數,其功能是將括號中的字符或變量值輸出到窗口;
document . close()是將輸出關閉
3、JavaScript 的基本數據類型和語句結構和C++類似,這裏不再贅述
其中,var是表示任意字符串
4、函數
JavaScript函數定義
Function 函數名 ( 參數,變元)
{函數體;.Return 表達式;}
函數中的形式參數:通過argument s.Length來檢查參數的個數
5、DOM 修改 HTML 內容
(1)查找 HTML 元素
通過 document.getElementById("ID");
(2)改變 HTML 內容
通過 document.getElementById(id).innerHTML=新的 HTML
(3)改變 HTML 屬性
document.getElementById(id).attribute=新屬性值
(4)改變 HTML 樣式
document.getElementById(id).style.property=新樣式
結合下面的事件,DOM將有更多的樣式
6、事件驅動
事件驅動JavaScript事件驅動中的事件是通過鼠標或熱鍵的動作引發的。它主要有以下幾個事件:
(1)單擊事件onClick
當用戶單 擊鼠標按鈕時,產生onClick事件。同時onClick指定 的事件 處理程序或 代碼 將被調用執行。通常在下列基本對象中產生:
·button(按鈕對象) ·
checkbox(複選框)或( 檢查列表框)
·radio(單選鈕)
·reset buttons(重要按鈕)
·submit buttons(提交 按鈕)
(2)onChange改變事件
當利用text或texturea元素輸入字符值改變時發 該事件,同時當在select表格項中一個選項狀態改變後也會引發該事件。
(3)選中事件onSelect
當Text或Textarea對象中的文字被加亮後,引發該事件。
(4)獲得焦點事件onFocus
當用戶單擊Text或textarea以及select對象時,產生該事件,此時該對象成爲前臺對象。
(5)失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點,而退到後臺時,引發該文件,他與onFoca s事件是一個對應的關係。(6)載入文件onLoad當文檔載入時,產生該事件。
onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變量爲其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
當Web頁面退出時引發onUnload事件,並可更新Cookie的狀態。
7、對事件做出反應
(1)事件分類
HTML 事件的例子:
當用戶點擊鼠標時
當網頁已加載時
當圖像已加載時
當鼠標移動到元素上時
當輸入字段被改變時
當提交 HTML 表單時
當用戶觸發按鍵時
(2)onmouseover 和 onmouseout 事件 鼠標移動到,鼠標離開
function mOver(obj) { obj.innerHTML="hello world"; } function mOut(obj) { obj.innerHTML="Bye"; }
<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color: green;width: 120px;height: 120px;padding: 40px" > 點擊這裏 </div>(3)onmousedown、onmouseup //鼠標按下,鼠標按起