JS類似屬性區別

一、prop與attr區別

在瀏覽器中，有的要寫成disabled= 'disabled'，checked="checked",有的只要寫disabled就能夠了，好比用attr("checked")獲取checkbox的checked屬性時，選中的時候能夠取到值，值爲checked，但沒選中獲取值就是undefined。

而使用prop方法獲取屬性則統一返回true和false。

1.添加屬性名稱該屬性就會生效應該使用prop.

2.是有true,false兩個屬性使用prop.

3.其餘則使用attr

二、readonly與disabled區別

Readonly只針對input(text / password)和textarea有效，而disabled對於全部的表單元素都有效，可是表單元素在使用了disabled後，當咱們將表單以POST或GET的方式提交的話，這個元素的值不會被傳遞出去，而readonly會將該值傳遞出去（readonly接受值更改能夠回傳，disable接受改但不回傳數據）。

 

三、images上傳

出於本地文件訪問安全考慮，不能直接經過本地圖片的url進行展示，須要經過window.URL.createobjectUrl建立

var f = $(dom).files[0];

var src = window.URL.createobjectUrl(f);

$('images').attr("src",src);

 

四、display:none 與 visibility:hidden的區別

display:none:隱藏元素，不佔網頁中的任何空間，讓這個元素完全消失（看不見也摸不着）

visibility:hidden：他是把那個層隱藏了，也就是你看不到它的內容可是它內容所佔據的空間仍是存在的。（看不見但摸獲得）

 

五、href="#"與href="javascript:void(0)"區別？

  "#"包含一個位置信息，譬如#top指網頁的上端；"javascript:void(0)" 僅僅表明一個死連接；因此調用腳本最好用void(0)