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都支持的。
 
發佈了147 篇原創文章 · 獲贊 0 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章