JS 選擇水果

2022-07-14 16:00:10 字數 4173 閱讀 9317

注意點:

1、select標籤size屬性顯示選項陣列,multiple屬性可以多選

2、原select節點下的子節點在移動到其他selec標籤下的時候,其原來的select標籤下子節點長度在發生變化

3、註冊事件可以直接繫結乙個函式名,但是如果繫結的函式有引數,那麼必須將這個有引數的函式寫入到匿名函式中

4、array.from可將乙個類似陣列或可迭代物件中建立乙個新的陣列例項

選擇水果簡單版本:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

<

style

>

select

style

>

head

>

<

body

>

<

select

size

="10"

>

<

option

>香蕉

option

>

<

option

>蘋果

option

>

<

option

>葡萄

option

>

<

option

>西瓜

option

>

<

option

>芒果

option

>

select

>

<

button

><

<<<

>

<

button

><

>

<

button

>>>>>

button

>

<

button

>>

button

>

<

select

size

="10"

>

select

>

<

script

>

varbtnarr

=document.getelementsbytagname(

"button");

varselarr

=document.getelementsbytagname(

"select");

//selarr陣列的長度一直在變化

btnarr[

0].onclick

=function

() }

btnarr[

2].onclick

=function

() }

btnarr[

1].onclick

=function

() }

}btnarr[

3].onclick

=function

() }

}script

>

body

>

html

>

選擇水果最終版本:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

<

style

>

select

style

>

head

>

<

body

>

<

select

size

="10"

multiple

="multiple"

>

<

option

value

="0"

>香蕉

option

>

<

option

value

="1"

>蘋果

option

>

<

option

value

="2"

>葡萄

option

>

<

option

value

="3"

>西瓜

option

>

<

option

value

="4"

>芒果

option

>

select

>

<

button

><

<<<

>

<

button

><

>

<

button

>>>>>

button

>

<

button

>>

button

>

<

select

size

="10"

multiple

="multiple"

>

select

>

<

script

>

varbtnarr

=document.getelementsbytagname(

"button");

varselarr

=document.getelementsbytagname(

"select");

//selarr陣列的長度一直在變化

//註冊事件呼叫函式,在無引數的情況下可以直接繫結乙個函式名,有引數的話,只能在匿名函式中呼叫

btnarr[

0].onclick

=function

() btnarr[

2].onclick

=function

()

function

allmove(se1, se2)

}btnarr[

1].onclick

=function

() btnarr[

3].onclick

=function

()

function

sigleswitch(se1, se2)

}//對se2排序,並將排序過後的值儲存到arr陣列中

vararr

=array.from(se2.children).sort(

function

(a, b) );

//刪除se2中的子節點

for(

vari =0

; i

<

se2.children.length;)

//將arr陣列中的子節點新增到se2中

18 選擇水果

lang en charset utf 8 titletitle select style head all multiple multiple 蘋果option 橘子option 梨option 西瓜option 水蜜桃option select type button value id btn1...

製作水果忍者 JS 1

他是c 我寫的js 記錄一下我寫的過程方便回憶 先是製作背景,然後學到了乙個製作ugui很重要的九宮格,這個很方便去製作背景的大小。利用這個圓形透明背景製作出這兩種大小不一樣背景 文字是自己新增的 然後製作read go 的開始提示。pragma strict import unityengine....

JS選擇列印

由於專案的需要在乙個頁面中選擇列印內容。把自己要列印的東西用乙個div層抱起來。例如 告知單編號 信訪事項轉辦告知單 中間有不需要列印了,也用乙個div層包含起來。利用css樣式中的。在不需要列印的層中引用class noprint 就搞定了 js 注意 在選擇列印的時候樣式會丟失,需要在列印之前加...