【JavaScrip】入門

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  //鼠標按下,鼠標按起
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章