JavaScript DOM属性命名规范与accesskey快捷键跨浏览器实现

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属性用于定义键盘快捷键。

 
<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定义的快捷键。