您现在的位置： 
; tbody.appendChild( row );
for (var j=0; j<10; j++)
{
cell = document.createElement( "TD" );
row.appendChild( cell );
cell.innerText = "第 " + i + " 行，第 " + j + " 单元格";
}
}
编写一次，使用多次
如果您的 Web站点使用脚本来执行一些常用操作，可以考虑将这些功
能放到独立的文件中，以便可以由多个 Web页面重复使用。这样做，不仅
可以改善代码的维护性，而且使该脚本文件保留在浏览器的缓存中，从而
只需要在用户访问站点时向本地下载一次。将常用的样式规则放在独立的
文件中也可以得到同样的好处。
技巧 7：通过将常用代码放到行为或独立文件中来重用脚本
要更好地利用脚本重用功能，请将常用的脚本操作放到 DHTML附加代
码或元素行为（英文）中。行为提供了一个有效的方法，用于重用脚本和
建立从 HTML 访问的组件，并使您可用自己的对象、方法、属性和事件来
扩展 DHTML对象模型。对于未使用 viewlink （英文）功能的行为，可以
考虑使用 Internet Explorer 5.5中的 lightweight（英文）行为特性进
行更有效的代码封装。另外，如果您的脚本代码在一个 SCRIPT （英文）
块中，会获得更高的性能。
请勿过多使用动态属性
动态属性（英文）为 Web作者提供了一种将表达式用作属性值的方法。
表达式在运行时计算，其结果值将应用于属性。这是一个强大的特性。此
特性可用于减少页面上的脚本数量，但是因为必须定时重算表达式，而且
该表达式经常与其他属性值相关，所以它会对性能带来消极的影响。这种
情况对定位属性尤其明显。
技巧 8：限制使用动态属性。
数据绑定很有效
数据绑定（英文）是一个强大的功能，它使您可以将数据库查询的结
果或 XML数据岛（英文）的内容，绑定至 Web页面上的 HTML 元素。您无
需返回服务器提取数据，就可以提供数据排序和过滤功能，以及不同的数
据视图。设想一个 Web页面可以将公司的数据显示为折线图、条形图或饼
图，还具有将数据按办公室、产品或销售阶段排序的按钮，而且所有这些
功能只需要访问一次服务器就能实现。
技巧 9：使用数据绑定来提供丰富的客户端数据视图。
不要在 document 对象中设置 expando 属性
expando （英文）属性可以添加至任何对象。此属性非常有用，它可
以存储当前 Wed页面内的信息，并提供了另一种扩展 DHTML对象模型的方
法。例如，您可以给 DHTML元素指定一个 clicked属性，用此属性提示用
户已经单击了哪一个元素。在引发事件时，也可以使用 expando属性，向
事件处理函数提供更多的上下文信息。无论您如何使用 expando属性，切
记不要在 document （英文）对象上设置它们。如果您这样做，则当您访
问该属性时，文档必须执行额外的重算操作。
技巧 10：在 window（英文）对象上设置 expando 属性。
慢：
for (var i=0; i<1000; i++)
{
var tmp;
window.document.myProperty = "第 " + i + " 项";
tmp = window.document.myProperty;
}
快：
for (var i=0; i<1000; i++)
{
var tmp;
window.myProperty = "第 " + i + " 项";
tmp = window.myProperty;
}
避免切换类和样式规则
切换类和样式规则是一种代价非常高的操作，需要重新计算并调整整
个文档的布局。如果您的 Web站点使用样式表来提供内容的备用视图，可
以考虑直接修改要更改的元素的 style（英文）对象，而不是修改元素的
className （英文）属性或与类关联的 styleSheet （英文）对象。
技巧 11：在更改内容的外观时，直接修改 style 对象。
查找父项之前，先折叠文本范围
TextRange （英文）对象表示用户选定或从 HTML 元素中检索的一个
文本区域，例如 BODY （英文）。通过调用 parentElement（英文）方法，
可以标识文本范围的父项。对于复杂的文本范围，在调用 parentElement
方法之前，先调用 collapse （英文）方法效率会更高。
技巧 12：在访问 parentElement 方法之前，先折叠文本范围。
摘自http://www.microsoft.com/china/msdn/?MSCOMTB=ICP_MSDN
for (var j=0; j<10; j++)
{
cell = document.createElement( "TD" );
row.appendChild( cell );
cell.innerText = "第 " + i + " 行，第 " + j + " 单元格";
}
}
编写一次，使用多次
如果您的 Web站点使用脚本来执行一些常用操作，可以考虑将这些功
能放到独立的文件中，以便可以由多个 Web页面重复使用。这样做，不仅
可以改善代码的维护性，而且使该脚本文件保留在浏览器的缓存中，从而
只需要在用户访问站点时向本地下载一次。将常用的样式规则放在独立的
文件中也可以得到同样的好处。
技巧 7：通过将常用代码放到行为或独立文件中来重用脚本
要更好地利用脚本重用功能，请将常用的脚本操作放到 DHTML附加代
码或元素行为（英文）中。行为提供了一个有效的方法，用于重用脚本和
建立从 HTML 访问的组件，并使您可用自己的对象、方法、属性和事件来
扩展 DHTML对象模型。对于未使用 viewlink （英文）功能的行为，可以
考虑使用 Internet Explorer 5.5中的 lightweight（英文）行为特性进
行更有效的代码封装。另外，如果您的脚本代码在一个 SCRIPT （英文）
块中，会获得更高的性能。
请勿过多使用动态属性
动态属性（英文）为 Web作者提供了一种将表达式用作属性值的方法。
表达式在运行时计算，其结果值将应用于属性。这是一个强大的特性。此
特性可用于减少页面上的脚本数量，但是因为必须定时重算表达式，而且
该表达式经常与其他属性值相关，所以它会对性能带来消极的影响。这种
情况对定位属性尤其明显。
技巧 8：限制使用动态属性。
数据绑定很有效
数据绑定（英文）是一个强大的功能，它使您可以将数据库查询的结
果或 XML数据岛（英文）的内容，绑定至 Web页面上的 HTML 元素。您无
需返回服务器提取数据，就可以提供数据排序和过滤功能，以及不同的数
据视图。设想一个 Web页面可以将公司的数据显示为折线图、条形图或饼
图，还具有将数据按办公室、产品或销售阶段排序的按钮，而且所有这些
功能只需要访问一次服务器就能实现。
技巧 9：使用数据绑定来提供丰富的客户端数据视图。
不要在 document 对象中设置 expando 属性
expando （英文）属性可以添加至任何对象。此属性非常有用，它可
以存储当前 Wed页面内的信息，并提供了另一种扩展 DHTML对象模型的方
法。例如，您可以给 DHTML元素指定一个 clicked属性，用此属性提示用
户已经单击了哪一个元素。在引发事件时，也可以使用 expando属性，向
事件处理函数提供更多的上下文信息。无论您如何使用 expando属性，切
记不要在 document （英文）对象上设置它们。如果您这样做，则当您访
问该属性时，文档必须执行额外的重算操作。
技巧 10：在 window（英文）对象上设置 expando 属性。
慢：
for (var i=0; i<1000; i++)
{
var tmp;
window.document.myProperty = "第 " + i + " 项";
tmp = window.document.myProperty;
}
快：
for (var i=0; i<1000; i++)
{
var tmp;
window.myProperty = "第 " + i + " 项";
tmp = window.myProperty;
}
避免切换类和样式规则
切换类和样式规则是一种代价非常高的操作，需要重新计算并调整整
个文档的布局。如果您的 Web站点使用样式表来提供内容的备用视图，可
以考虑直接修改要更改的元素的 style（英文）对象，而不是修改元素的
className （英文）属性或与类关联的 styleSheet （英文）对象。
技巧 11：在更改内容的外观时，直接修改 style 对象。
查找父项之前，先折叠文本范围
TextRange （英文）对象表示用户选定或从 HTML 元素中检索的一个
文本区域，例如 BODY （英文）。通过调用 parentElement（英文）方法，
可以标识文本范围的父项。对于复杂的文本范围，在调用 parentElement
方法之前，先调用 collapse （英文）方法效率会更高。
技巧 12：在访问 parentElement 方法之前，先折叠文本范围。
摘自http://www.microsoft.com/china/msdn/?MSCOMTB=ICP_MSDN
