accesskey属性显示“快捷键清单”-创新互联

<!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("h4")  //创建标题;
var header_text = document.createTextNode("Accesskeys");
header.appendChild(header_text);
document.body.appendChild(header);
document.body.appendChild(list);
}

addLoadEvent(displayAccesskeys);

浏览器效果预览

河北网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

accesskey属性显示“快捷键清单”

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网站题目：accesskey属性显示“快捷键清单”-创新互联
网页链接：https://www.cdcxhl.com/article32/deehsc.html

成都网站建设公司_创新互联，为您提供响应式网站、外贸建站、网站排名、Google、网站制作、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容