accesskey属性 显示“快捷键清单”
2016-05-26 22:03
197 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Explaining the Ddocument Ob Model</title> <script src="addLoadEvent.js"></script> <script src="8.6.js"></script> </head> <body> <ul id="navgation"> <li><a href="index.html" accesskey="1">Home</a></li> <li><a href="search.html" accesskey="4">Search</a></li> <li><a href="contact.html" accesskey="9">Contact</a></li> </ul> <p><b>注释:</b>请使用Alt + <i>accessKey</i> (或者 Shift + Alt + <i>accessKey</i>) 来访问带有指定快捷键的元素。</p> </body> </html>
function addLoadEvent(func){ //不管在页面加载完毕执行多少个函数,都应付自如 var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } } function displayAccesskeys(){ //检查兼容性 if(!document.getElementsByTagName||!document.createElement||!document.createTextNode) return false; var links = document.getElementsByTagName("a"); var akeys = new Array(); for(var i = 0; i<links.length; i++){ var current_link = links[i]; if(!links[i].getAttribute("accesskey")) continue; var key = current_link.getAttribute("accesskey"); var text = current_link.lastChild.nodeValue; //取得链接文本 akeys[key] = text; } var list = document.createElement("ul"); for (key in akeys){ //遍历访问键 var text = akeys[key]; var str = key +": "+text; var item = document.createElement("li"); var item_text = document.createTextNode(str); item.appendChild(item_text); list.appendChild(item); } var header = document.createElement("h3") //创建标题; var header_text = document.createTextNode("Accesskeys"); header.appendChild(header_text); document.body.appendChild(header); document.body.appendChild(list); } addLoadEvent(displayAccesskeys);浏览器效果预览
相关文章推荐
- onSaveInstanceStat和onRestoreInstanceState调用时机
- css 的@media print控制打印
- 原型模式及php实现
- Uva 105 The Skyline Problem
- 2016"百度之星" - 初赛(Astar Round2A)
- Java高级之内存模型分析
- PHP复用curl请求遇到的请求参数混乱的问题
- Java Web网站搭建SSL证书的问题与解决方案
- Java高级之内存模型分析
- unity3d中OnEnable和Awake的顺序问题
- 浅谈Java中的hashcode方法
- Activity的加载模式解读
- 看黑马安卓基础教学视频总结(广播)
- 点赞功能设计,网上的,留个底
- HDFS入门了解心得
- 深度学习(Deep Learning)
- 个人logo 以前的设计
- 一些凌乱的小知识
- Linux系统安装VMware-Workstation-Full-12.1.0-3272444.x86_64.bundle
- java动态代理jdk与cglib详细讲解