未加星标

干货:详解HTML5中常见的五大全局属性

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

干货:详解HTML5中常见的五大全局属性

html5中新增了“全部属性”的概念。所谓全局属性它是指可以对任何元素都可以使用的属性,今天为大家详细介绍三种常见的全局属性。

contentEditable属性

contentEditable是由微软开发。被其他浏览器反编译并投入应用的一个全局属性。它的主要功能是是否允许用户编辑元素的内容,被编辑元素必须是获得鼠标焦点的元素,而且在点击后要提供一个插入符号,提示用户该元素中内容允许编辑。contentEditable属性是一个布尔值属性,可以指定为ture或false。该属性还有一个隐藏属性的inherit状态,为true是允许用户编辑;为false时元素不能被用户编辑;没有指定时则由inherit状态决定,如果父元素是可编辑的,该元素也是可编辑的。支持contentEditable属性元素有A、DD、DIR、DIV、BUTTON、FORM、DL、DT、FONT、DFN、hn、CODE、ABBR等。


干货:详解HTML5中常见的五大全局属性
designMode属性

designMode属性主要功能是指定整个页面是否可编辑,页面可编辑时,页面中任何支持contentEditable属性的元素都变成了可编辑状态。designMode属性有两个值“on”和"off"。属性为“on”时,页面可编辑;属性为“off”时,页面不可编辑。不过各个浏览器支持情况也不一样,IE8不支持designMode属性,IE9支持designMode属性,fixfox和Opera浏览器支持designMode属性、Chrom和Safari浏览器在内嵌frame支持designMode属性。

hidden属性

在HTML5中所有的元素允许使用hidden属性。它类似input元素中的hidden属性,使元素处于不可见状态。hidden属性设置为ture,元素处于不可见状态;hidden属性设置为false时元素处于可见状态。

spellcheck属性

spellcheck属性主要是针对input元素和textarea这两个文本输入框提供的新属性,它的功能是对输入内容进行拼写和语法检查。它有个特殊的地方,就是必须声明属性值true或者false。如果元素是readonly属性或者disabled属性为true,不执行拼写检查。Firfox、IE、Chrome、Safari等浏览器都支持该属性。


干货:详解HTML5中常见的五大全局属性
tabindex属性

tabindex在程序开发概念,是指不断敲击Tab键让窗口或页面中控件获得焦点,对窗口的控件进行遍历,每个控件的tabindex表示第几个被访问的。之前这个属性在编辑网页很有用,现在是根据元素所在位置决定遍历顺序,所以就不需要了。不过tabindex拎一个作用,只有链接元素与表单元素可以通过按键获得焦点。如果对元素使用了tabindex属性后,也能让元素获得焦点,执行focus()语句时,可以让元素获得焦点了。但是这样会出现一个问题,元素会通过tab获得焦点,而这时候我们不想让该元素获得焦点这不是我们想要的结果。


干货:详解HTML5中常见的五大全局属性

把元素的tabindex值设定为负数后就可以解决这个问题了。tabindex为负值时,可以通过编程的方式让元素获得焦点,但按下Tab键该元素就不能获得焦点了,这在复杂的页面是非常有用的。HTML5中巧妙运用该属性发挥了很大的作用。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

tags: 属性,元素,designMode,tabindex,编辑,hidden,contentEditable,页面,焦点,false,HTML5,浏览器,控件,true
分页:12
转载请注明
本文标题:干货:详解HTML5中常见的五大全局属性
本站链接:https://www.codesec.net/view/582148.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(178)