JS函式與事件

2021-08-16 21:50:56 字數 722 閱讀 1660

一、使用js製作簡單計算器

1.在body裡面先建立計算器頁面。

①第乙個運算元框

②第二個運算元框

③加減乘除按鈕的設定

④計算結果的顯示

2.編寫函式語句

ⅰ、編寫加法計算函式語句

document.getelementbyid("result").value=n1+n2;    //將n1和n2的值相加給result這個控制項的value中

ⅱ、編寫減法計算函式語句

document.getelementbyid("result").value=n1-n2;    //將n1和n2的值相減給result這個控制項的value中

ⅲ、編寫乘法計算函式語句

document.getelementbyid("result").value=n1*n2;

ⅳ、編寫除法計算函式語句

document.getelementbyid("result").value=n1/n2;    //注意除數不能為0

3.body呼叫函式控制計算

完整**:

簡單計算器

第乙個數:

第二個數:   

計算結果:

二、使用js製作簡單登入頁面:

1.建立頁面框架:建立乙個兩行三列的**

卡號:密碼:2.定義函式,控制頁面中控制項的輸入及格式。

完整**:

登入介面

卡號:密碼:

JS函式與事件補充

一 ji宣告函式方式 方式一 function 函式名 引數 方式二 var 函式名 function 引數 二 事件方式 方式一 通過標籤的事件屬性 如 方式二 給元素派發事件 document.getelementbyid id值 nclick function 引數 document.gete...

js事件繫結函式

js中,如果遇到同乙個變數,被同乙個函式使用多次時,只會執行最後乙個函式的命令。如果想要每乙個函式的命令都被執行,就需要用到事件的繫結。js中繫結事件的函式分為相容ie和相容非ie的兩個 ie attachevent 事件名稱,函式 繫結事件處理函式 detachevent 事件名稱,函式 解除繫結...

JS事件處理函式

a ele.on function event 相容性好,同乙個元素的同乙個事件上繫結一次,基本等同於解除安裝html行間 this指向dom元素 b obj.addeventlistener 事件型別,處理函式,false 同乙個物件同乙個事件繫結多個處理函式 this指向dom元素 ie9 一下...