HTML中不支援靜態Expando的元素

    在使用指令碼統一處理一批頁面的時候，我希望通過被處理頁面的TITLE元素取到文檔的標題和我自訂的一些屬性。這些附加的屬性是我在伺服器端通過Attributes集合添加的，可是啟動並執行結果和我的期望老是相去甚遠，怎麼我在TITLE元素裡寫入的自訂屬性老是空值呢？

    客服端和伺服器端代碼分別是：

    ASPX:

<title id="title" runat="server">Query Info</title>

    C#: 

protected HtmlGenericControl title;

private void Page_Load(object sender, System.EventArgs e)
{
    // ...
    title.InnerHtml = "查詢資訊";
    title.Attributes["icon"] = "QueryInfo.gif;
}

    HTML:

<title id="title" icon="QueryInfo.gif">查詢資訊</title>

    JavaScript:

var iconPath = docucment.all.tags('TITLE')[0].icon;
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屬性：

<span id=mySpan>this is a span element.</span>
<script language=javascript>
mySpan.myAttri = 'attribute';
</script>

    靜態添加expando屬性：

<span id=mySpan myAttri=attribute>this is a span element.</span>

    本來這兩種寫法基本是沒有什麼區別的，可是元素title卻只支援動態添加expando屬性，而不支援靜態添加expando屬性，這也就是為什麼我開始會出錯誤的原因。那麼還有那些html elements和title一樣不支援靜態添加expando屬性呢？在108個html elements中，以下10個元素都不支援靜態添加expando屬性：

HTML, HEAD, TITLE, BODY, BASEFONT, FORM, HR, HR, TBODY, SCRIPT

    不過動態添加expando屬性，是所有的html elements和dhtml objects都支援的。