本文探讨JavaScript中DOM属性命名的大小写规律,指出其缺乏统一标准。重点介绍accesskey属性的HTML定义与JS赋值方法,并详细列出IE、Firefox、Chrome、Opera及Safari五大浏览器下调用该快捷键的具体按键组合,帮助开发者实现跨浏览器的访问键功能。
JavaScript DOM属性命名规范探讨
JavaScript中DOM属性的命名方式看似缺乏统一规律。
部分属性采用驼峰命名法,首字母大写,例如:getElementById、indexOf、charCodeAt、parseFloat,以及navigator对象下的appName、appVersion、appCodeName、cookieEnabled和userAgent等。
另一些属性则保持全小写形式,例如fontsize和fontcolor。
还有如innerHTML这类属性,其命名方式与上述两种情况均有所不同。
这种命名上的不一致性使得开发者在长时间未使用后容易混淆,急需理清其中的规律。
//*****等了10分钟没人回答,那我只好继续add today's content"****************/
accesskey属性定义与JS操作
accesskey属性用于定义键盘快捷键。
HTML中定义accesskey的代码示例如下:
<code class="tag" style="color:green; margin:0px 0.1em; font-size:14px; background-color:transparent"><</code><code class="tag" style="color:green; margin:0px 0.1em; font-size:14px; background-color:transparent">a</code> id='mya' <code class="attr" style="color:blue; margin:0px 0.1em; font-size:14px; background-color:transparent">href</code><code class="tag" style="color:green; margin:0px 0.1em; font-size:14px; background-color:transparent">=</code><code class="attrvalue" style="color:red; margin:0px 0.1em; font-size:14px; background-color:transparent">"</code><code class="attrvalue" style="color:red; margin:0px 0.1em; font-size:14px; background-color:transparent">"</code> <code class="attr" style="color:blue; margin:0px 0.1em; font-size:14px; background-color:transparent">accesskey</code><code class="tag" style="color:green; margin:0px 0.1em; font-size:14px; background-color:transparent">=</code><code class="attrvalue" style="color:red; margin:0px 0.1em; font-size:14px; background-color:transparent">"</code><code class="attrvalue" style="color:red; margin:0px 0.1em; font-size:14px; background-color:transparent">h</code><code class="attrvalue" style="color:red; margin:0px 0.1em; font-size:14px; background-color:transparent">"</code><code class="tag" style="color:green; margin:0px 0.1em; font-size:14px; background-color:transparent">></a></code> 通过JavaScript修改或赋值该属性的代码为:document.getElemntById('#mya').accesskey='d';
各浏览器accesskey快捷键实现差异
不同浏览器对accesskey快捷键的操作方式存在差异,具体如下。
IE浏览器
需按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车键。
FireFox浏览器
需同时按住Alt和Shift键,点击accesskey定义的快捷键。
Chrome浏览器
需按住Alt键,点击accesskey定义的快捷键。
Opera浏览器
需按住Shift键,点击Esc键,出现本页定义的accesskey快捷键列表以供选择。
Safari浏览器
需按住Alt键,点击accesskey定义的快捷键。