js高階 9 7 自動計算商品價值

2021-09-07 18:39:45 字數 1642 閱讀 5203

1、form表單控制項value屬性:屬性可取值可賦值

2、文字onchange事件

3、form及form中控制項通過name訪問元素

自動計算金額

案例要點2:input元素的type為』hidden』代表乙個 html 表單中的某個隱藏輸入域。

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>自動計算金額

title

>

6<

style

>

7#main

13style

>

14head

>

15<

body

>

16<

div

id="main"

>

17<

h5>購物資訊

h5>

18<

form

action

=""name

="form1"

>

19<

p><

input

type

="hidden"

value

="貨物編碼:0027"

>

p>

20<

p>消費金額:<

input

type

="text"

name

="money"

>

p>

21<

p>商品單價:<

input

type

="text"

name

="price"

value

="21"

disabled

="">元/件

p>

22<

p>購買數量:<

input

type

="text"

name

="num"

onchange

="count()"

>

p>

23<

p><

input

type

="button"

value

="確定購買"

onclick

=""><

input

type

="reset"

value

="重置內容"

>

p>

24form

>

25div

>

26<

script

>

27function

count()

34script

>

35body

>

36html

>

js 高階回顧js

1 js高階 什麼是面向過程的程式設計?比如輪播圖 我們第一件事情幹嘛 第二件事情幹嘛。什麼是物件導向的程式設計?比如輪播圖 先是分析裡面有哪些物件,再是分析如何實現物件的功能 成員 什麼是面向函式的程式設計?功能封裝,函式重複呼叫。要從面向過程的思路轉換成物件導向的程式設計 比較難的過程 2 js...

js 高階知識

1 caller 表示呼叫該函式的函式 function fun1 function fun2 fun2 11,22 11 2 function foo var foo new foo var p foo.prototype foo.prototype alert foo.constructor a...

js 高階知識

1 開啟乙個視窗就會有乙個window物件 如頁面上的iframe window中包含document,document主要是來操作dom元素的 頁面上的標籤元素 2 我們在頁面上宣告乙個全域性變數其實是宣告在window物件上的,eg var abc jy alert window.abc ale...