客服端和服務器端代碼分別是:
ASPX:
C#:
private void Page_Load(object sender, System.EventArgs e)
{
// ...
title.InnerHtml = "查詢信息";
title.Attributes["icon"] = "QueryInfo.gif;
}
HTML:
JavaScript:
if ( iconPath )
{
var img = document.createElement('IMG');
img.src = iconPath;
// ...
}
結果就是總出不來我希望的那個icon,跟蹤JavaScript代碼,發現iconPath總是undefined。在看看HTML代碼,裏面明明有icon="QueryInfo.gif"這個屬性值對。於是從title對象中去查看outerHTML,outerHTML居然是:<title id="title">查詢信息</title>。根本沒有icon那個屬性,難怪JavaScript取到的iconPath總是undefined的說。
仔細查下去,發現原來是html元素在處理expando屬性上有區別。我們給html元素添加expando屬性有兩種方式,一是我們常用的動態方式;就是使用腳本來給html元素添加expando屬性。二是使用靜態方式;即在html代碼中以literal方式添加expando屬性。分別舉例如下:
動態添加expando屬性:
<script language=javascript>
mySpan.myAttri = 'attribute';
</script>
靜態添加expando屬性:
本來這兩種寫法基本是沒有什麼區別的,可是元素title卻只支持動態添加expando屬性,而不支持靜態添加expando屬性,這也就是爲什麼我開始會出錯誤的原因。那麼還有那些html elements和title一樣不支持靜態添加expando屬性呢?在108個html elements中,以下10個元素都不支持靜態添加expando屬性:
不過動態添加expando屬性,是所有的html elements和dhtml objects都支持的。