JS相似属性区别

1、prop与attr区别

在浏览器中，有的要写成disabled= 'disabled'，checked="checked",有的只要写disabled就可以了，比如用attr("checked")获取checkbox的checked属性时，选中的时候可以取到值，值为checked，但没选中获取值就是undefined。

而使用prop方法获取属性则统一返回true和false。

1.添加属性名称该属性就会生效应该使用prop.

2.是有true,false两个属性使用prop.

3.其他则使用attr

2、readonly与disabled区别

Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。

 

3、images上传

出于本地文件访问安全考虑，不能直接通过本地图片的url进行展现，需要通过window.URL.createobjectUrl创建

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

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

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

 

4、display:none 与 visibility:hidden的区别

display:none:隐藏元素，不占网页中的任何空间，让这个元素彻底消失（看不见也摸不着）

visibility:hidden：他是把那个层隐藏了，也就是你看不到它的内容但是它内容所占据的空间还是存在的。（看不见但摸得到）

 

5、href="#"与href="javascript:void(0)"区别？

  "#"包含一个位置信息，譬如#top指网页的上端；"javascript:void(0)" 仅仅代表一个死链接；所以调用脚本最好用void(0)

转载于:https://www.cnblogs.com/zmx-web/p/7111603.html