<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>ExplainingtheDdocumentObModel</title><scriptsrc="addLoadEvent.js"></script><scriptsrc="8.6.js"></script></head><body><ulid="navgation"><li><ahref="index.html"accesskey="1">Home</a></li><li><ahref="search.html"accesskey="4">Search</a></li><li><ahref="contact.html"accesskey="9">Contact</a></li></ul><p><b>注释：</b>请使用Alt+<i>accessKey</i>(或者Shift+Alt+<i>accessKey</i>)来访问带有指定快捷键的元素。</p></body></html>

functionaddLoadEvent(func){//不管在页面加载完毕执行多少个函数，都应付自如varoldonload=window.onload;if(typeofwindow.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}functiondisplayAccesskeys(){//检查兼容性if(!document.getElementsByTagName||!document.createElement||!document.createTextNode)returnfalse;varlinks=document.getElementsByTagName("a");varakeys=newArray();for(vari=0;i<links.length;i++){varcurrent_link=links[i];if(!links[i].getAttribute("accesskey"))continue;varkey=current_link.getAttribute("accesskey");vartext=current_link.lastChild.nodeValue;//取得链接文本akeys[key]=text;}varlist=document.createElement("ul");for(keyinakeys){//遍历访问键vartext=akeys[key];varstr=key+":"+text;varitem=document.createElement("li");varitem_text=document.createTextNode(str);item.appendChild(item_text);list.appendChild(item);}varheader=document.createElement("h4")//创建标题;varheader_text=document.createTextNode("Accesskeys");header.appendChild(header_text);document.body.appendChild(header);document.body.appendChild(list);}addLoadEvent(displayAccesskeys);

浏览器效果预览