前端學習小結1

經過三個星期的學習，html css js jq 基礎大概了解了

當然其中有許多難題

以下是我碰到的卡了我比較長時間的問題：

js的如何獲取html頁面中的元素

js中web頁面元素的呼叫可以有兩種識別方法：id和name

自己在用的過程中總結一下id和name的使用區別。

document.getelementbyidx_x_x(「id_number」) 得到的是單個元素

document.getelementsbyname(「name」) 得到的是陣列

注：元素的獲取方式

取得 id :document.getelementbyidx_x_x(「idname」)

取得 name ： document.getelementsbyname(「name」)[0?1?2?3?....]

表單元素 (form input textarea select) 與框架元素 (iframe frame) 用 name

這些元素都與表單 ( 框架元素作用於 form 的 target) 提交有關 , 在表單的接收頁面只

接收有 name 的元素 , 賦 id 的元素通過表單是接收不到值的

name 其實要複雜的多，因為 name 有很多種的用途，所以它並不能完全由 id 來代替，從而將其取消掉。

具體用途有：

用途 1: 作為可與伺服器互動資料的 html 元素的伺服器端的標示，比如 input 、 select 、 textarea 、和 button 等。我們可以在伺服器端根據其 name 通過 request.params 取得元素提交的值。

用途 2: html 元素 input type=』radio』分組，我們知道 radio button 控制項在同乙個分組類， check 操作是 mutex 的，同一時間只能選中乙個 radio ，這個分組就是根據相同的 name 屬性來實現的。

用途 3: 建立頁面中的錨點，我們知道 link 是獲得乙個頁面超級鏈結，如果不用 href 屬性，而改用 name ，如：，我們就獲得了乙個頁面錨點。

用途 5: 在 img 元素和 map 元素之間關聯的時候，如果要定義 img 的熱點區域，需要使用其屬性 usemap ，使 usemap=」#name」( 被關聯的 map 元素的 name) 。

用途 6: 某些特定元素的屬性，如 attribute ，和 param 。例如為 object 定義引數。

二，唯一性區別

有些標籤,可以同時有name和id.

id 就像身分證號，是唯一的， name 就像姓名一樣可以同名

在乙個html網頁中,id是唯一的,即只有某乙個標籤,或某乙個塊的識別符號是這個id.

而當有多個name時，系統自動使同name歸為陣列

賦　name:　document.formname.inputname　　　　document.frames(「framename」)　

賦　id　　:　document.all.inputid　　　　　　　　　　　document.all.frameid

在通用的情況下：

name.屬性

document.name.屬性

document.getelementsbyname(『name』)

id.屬性

document.id.屬性

document.getelementbyidx_x_x(『id).屬性