显示缩略列表JSDOM-创新互联
以下body部分:
成都创新互联公司网站建设服务商,为中小企业提供成都网站设计、网站建设服务,网站设计,成都网站托管等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出成都创新互联公司。Explaining the Ddocument Ob Model What is the Document object Model?
The W3C defines the DOM as:
A platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content,structure and styles of documents.
It is an API that can be used to navigate XML documents.
以下是js部分:
function addLoadEvent(func){ //不管在页面加载完毕执行多少个函数,都应付自如 var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } } function displayAbbreviations(){ //检查兼容性 if(!document.getElementsByTagName||!document.createElement||!document.createTextNode) return false; 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]; 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); } var header = document.createElement("h3"); //创建标题 var header_text = document.createTextNode("Abbreviations"); header.appendChild(header_text); document.body.appendChild(header); //把标题添加到页面主体 document.body.appendChild(dlist); //把定义列表添加到主体 } addLoadEvent(displayAbbreviations);
页面预览效果:
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前文章:显示缩略列表JSDOM-创新互联
文章出自:http://scyanting.com/article/isdii.html