|
|
客服端和服務器端代碼分別是：
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都支持的。
JavaScript技術：HTML中不支持靜態Expando的元素的問題，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
