eference/objects/obj_window.asp]window[/url](英文)对象上设置 expando 属性。
[url href=http://www.microsoft.com/china/msdn/msdnonline/features/articles/tip10.asp]请显示[/url]
慢:
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 站点使用样式表来提供内容的备用视图,可以考虑直接修改要更改的元素的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_style.asp]style[/url](英文)对象,而不是修改元素的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/classname.asp]className[/url](英文)属性或与类关联的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_stylesheet.asp]styleSheet[/url](英文)对象。 技巧 11:在更改内容的外观时,直接修改 style 对象。
查找父项之前,先折叠文本范围
[url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_textrange.asp]TextRange[/url](英文)对象表示用户选定或从 HTML 元素中检索的一个文本区域,例如 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/body.asp]BODY[/url](英文)。通过调用 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/parentelement_1.asp]parentElement[/url](英文)方法,可以标识文本范围的父项。对于复杂的文本范围,在调用 parentElement 方法之前,先调用 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/collapse.asp]collapse[/url](英文)方法效率会更高。 技巧 12:在访问 parentElement 方法之前,先折叠文本范围。
有关详细信息,请参见 [url href=http://msdn.microsoft.com/workshop/author/dyncontent/textrange.asp]使用 TextRange 对象[/url](英文)。
其他资料
有关提高性能的其他技巧来源,请参见以下文章:
[url href=http://msdn.microsoft.com/workshop/author/perf/perftips.asp]建立高性能 HTML 页面[/url](英文)
[url href=http://msdn.microsoft.com/workshop/author/dhtml/dude/dude100499.asp]提高性能的更多技巧[/url](英文)
[url href=http://msdn.microsoft.com/workshop/author/dhtml/dude/dude1201.asp]频繁的飞跃:提高 DHTML 页面的性能[/url](英文)
Mark Davis 是 Internet Explorer SDK 文档组的软件设计工程师。他不懈地探索 Internet Explorer 的最新技术,不过有时也会到西北部去放松一下。
[url href=http://www.microsoft.com/china/msdn/msdnonline/features/articles/tip10.asp]请显示[/url]
慢:
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 站点使用样式表来提供内容的备用视图,可以考虑直接修改要更改的元素的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_style.asp]style[/url](英文)对象,而不是修改元素的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/classname.asp]className[/url](英文)属性或与类关联的 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_stylesheet.asp]styleSheet[/url](英文)对象。 技巧 11:在更改内容的外观时,直接修改 style 对象。
查找父项之前,先折叠文本范围
[url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_textrange.asp]TextRange[/url](英文)对象表示用户选定或从 HTML 元素中检索的一个文本区域,例如 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/body.asp]BODY[/url](英文)。通过调用 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/parentelement_1.asp]parentElement[/url](英文)方法,可以标识文本范围的父项。对于复杂的文本范围,在调用 parentElement 方法之前,先调用 [url href=http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/collapse.asp]collapse[/url](英文)方法效率会更高。 技巧 12:在访问 parentElement 方法之前,先折叠文本范围。
有关详细信息,请参见 [url href=http://msdn.microsoft.com/workshop/author/dyncontent/textrange.asp]使用 TextRange 对象[/url](英文)。
其他资料
有关提高性能的其他技巧来源,请参见以下文章:
[url href=http://msdn.microsoft.com/workshop/author/perf/perftips.asp]建立高性能 HTML 页面[/url](英文)
[url href=http://msdn.microsoft.com/workshop/author/dhtml/dude/dude100499.asp]提高性能的更多技巧[/url](英文)
[url href=http://msdn.microsoft.com/workshop/author/dhtml/dude/dude1201.asp]频繁的飞跃:提高 DHTML 页面的性能[/url](英文)
Mark Davis 是 Internet Explorer SDK 文档组的软件设计工程师。他不懈地探索 Internet Explorer 的最新技术,不过有时也会到西北部去放松一下。