 
<!DOCTYPE HTML> 
<HTML> 
<HEAD> 
<meta charset="utf-8" /> 
<title>Link Element onload</title> 
<link type="text/css" rel="stylesheet"  onload="alert(this)"/> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 

IE6/7 :

IE8/9 :

Opera :

即IE6/7/8/9/Opera都支持onload事件， Firefox/Safari/Chrome不支持。

注：用JS創(chuàng)建link標(biāo)簽再添加到head中，情況如上。
2，onreadystatechange事件

復(fù)制代碼代碼如下:

 
<!DOCTYPE HTML> 
<HTML> 
<HEAD> 
<meta charset="utf-8" /> 
<title>Link Element onreadystatechange</title> 
<link type="text/css" rel="stylesheet"  onreadystatechange="alert(this)"/> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 

IE6/7/8/9中彈出了兩次，其它瀏覽器均沒有彈。說明只有IE支持link元素的onreadystatechange事件。彈出兩次分別是readyState為loading，complete狀態(tài)?？墒褂胷eadyState來判斷載入情況。我們再使用JS動態(tài)創(chuàng)建link元素試試，

復(fù)制代碼代碼如下:

 
<!DOCTYPE HTML> 
<HTML> 
<HEAD> 
<meta charset="utf-8" /> 
<title>Link Element onreadystatechange</title> 
</HEAD> 
<BODY> 
<script> 
function createEl(type, attrs){ 
var el = document.createElement(type), 
attr; 
for(attr in attrs){ 
if(attrs.hasOwnProperty(attr)){ 
el.setAttribute(attr, attrs[attr]); 
} 
} 
return el; 
} 
var link = createEl('link', { 
href : 'http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css', 
rel : 'stylesheet', 
type : 'text/css' 
}); 
link.onreadystatechange = function(){ 
alert(this) 
} 
document.getElementsByTagName('head')[0].appendChild(link); 
</script> 
</BODY> 
</HTML> 