javascript DOM编程艺术--显示缩略语列表

来源：互联网发布：淘宝如何设置拍下立减编辑：程序博客网时间：2024/06/05 16:53

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Explaining
</title>
<link rel="stylesheet" media="screen" href="style/typo.css"/>
</head>
<body>
<h1>What is the Document Object Model?</h1>
<p>
The <abbr title="World wide Web Consortium">W3C</abbr>defines the <abbr title="Onject Model">DOM</abbr>as:
</p>
<blockquote cite="http://www.w3.org/DOM/"><p>
A platform and language-neutral interface that will allow programs
and script to dynamically accrss and updape the
content,structure and style of documents.
</p>

</blockquote>
<p>It is an<abbr title="Application Programming Interface">API</abbr>
that can be used to navigate<abbr title="HyperText Markup">HTML</abbr>
and <abbr title="eXtensible Markup Language">XML</abbr>
document.
</p>
<script src="script/addLoadEvent.js"></script>
<script src="script/display.js"></script>
</body>

</html>

function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}

}

body{
font-family: "Helvetica","Arial",sans-serif;
font-size:10pt;
color:red;
}
abbr{
text-decoration: none;
border:0;
font-style:normal;
}

function displayCitations(){
if(!document.createElement||!document.getElementsByTagName||!document.createTextNode)return false;
//取得所有引用
var block=document.getElementsByTagName("blockquote");
//遍历引用
for(var i=0;i<block.length;i++){
//如果没有cite，继续循环
if(!block[i].getAttribute("cite"))continue;
//报错cite
var url=block[i].getAttribute("cite");
//引用中的所有节点
var blockElement=block[i].getElementsByTagName("*");
//如果没有元素节点，继续循环
if(blockElement.length<1)continue;
//取得最后一个节点
var elem=blockElement[blockElement.length-1];
//创建标记
var link=document.createElement("a");
var link_text=document.createTextNode("source");
link.appendChild(link_text);
link.setAttribute("href",url);
var superscript=document.createElement("sup");
superscript.appendChild(link);
//把标记引用到最后一个节点
elem.appendChild(superscript);
}
}
addLoadEvent(displayCitations);

0 0