displayAbbreviations函数与displayCitations函数与displayAccesskeys函数-优快云博客

本文介绍了一种使用JavaScript来展示网页中缩略语定义、引用来源链接及快速访问键的方法，帮助提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if (!document.getElementsByTagName) return false;
if(!document.createElement) return false;
if(!document.createTextNode) return false;
function displayAbbreviations(){
    var abbreviations=document.getElementsByTagName("abbr");
    if (abbreviations.length<1)return false;
    var defs =new Array();
    for (var i = 0; i < abbreviations.length; i++) {
    var current_abbr=abbreviations[i];
    if (current_abbr.childNodes.length<1) continue;
    var definition=current_abbr.getAttribute("title");
    var key=current_abbr.lastChild.nodeValue;
    defs[key]=definition;
    }

var dlist=document.createElement("dl");
for (key in defs){
    var definition=defs[key];
    var dtitle=document.createElement("dt");
    var dtitle_text=document.createTextNode(key);
    dtitle.appendChild(dtitle_text);
    var ddesc=document.createElement("dd");
    var ddesc_text=document.createTextNode(definition);
    ddesc.appendChild(ddesc_text);
    dlist.appendChild(dtitle);
    dlist.appendChild(ddesc);
}
if (dlist.childNodes.length<1) return false;
    var header=document.createElement("h2");
    var header_text=document.createTextNode("Abbreviations");
    header.appendChild(header_text);
    document.body.appendChild(header);
    document.body.appendChild(dlist);
}
addLoadEvent(displayAbbreviations);

此函数用于显示文档中缩略语的信息

function displayCitations(){
    if (!document.getElementsByTagName) return false;
    if (!document.createElement) return false;
    if (!document.createTextNode) return false;
    var quotes=document.getElementsByTagName("blockquote");
    for (var i = 0; i < quotes.length; i++) {
       if (!quotes[i].getAttribute("cite")) continue;
       var url=quotes[i].getAttribute("cite");
       var quoteChildren=quotes[i].getElementsByTagName('*');
       if (quoteChildren.length<1) continue;
       var elem=quoteChildren[quoteChildren.length-1];
       var link=document.createElement("a");
       var link_text=document.createTextNode("网站详情请点击这里");
       link.appendChild(link_text);
       link.setAttribute("href",url);
       var superscript=document.createElement("sup");
       superscript.appendChild(link);
       elem.appendChild(superscript);
    }
}
addLoadEvent(displayCitations);

此函数用于显示标签网址的链接

function displayAccesskeys(){
   if (!document.getElementsByTagName) return false;
   if (!document.createElement) return false;
   if (!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 (!current_link.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);