注意點:
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 注意 在選擇列印的時候樣式會丟失,需要在列印之前加...