97、HTML、CSS与动态HTML中的文档节点和样式操作

HTML、CSS与动态HTML中的文档节点和样式操作

1. 获取元素字体大小

在Internet Explorer中，可以使用以下表达式返回第一个段落的字体大小：

para1.currentStyle["font-size"]
para1.currentStyle.fontSize

与 getComputedStyle() 方法不同， currentStyle() 方法返回的是绝对或相对单位的值，并且也适用于快捷属性。

2. 减少网络延迟

网络延迟是网页加载缓慢的主要原因，大多数网页80% - 90%的加载时间都在等待网络响应。为了减少网络延迟，可以让浏览器尽可能并行下载内容，而不是串行下载。以下是一些具体的操作方法：
- 合并外部脚本文件 ：浏览器会串行下载脚本文件，在下载完一个脚本文件之前，会暂停后续任何外部文件的下载。因此，可以将多个外部脚本文件合并为一个文件。
- 合理安排文件顺序 ：在代码中，应将其他外部文件的链接列在脚本文件之前。例如，外部样式表文件应列在外部脚本文件之前。这样，浏览器在下载脚本文件时也能同时检索样式表。同时，即使是嵌入在网页文档中的JavaScript代码，在被浏览器读取和解析之前，也会阻止后续的下载。所以，应将外部样式表的链接放在文档顶部，在嵌入脚本之前。

以下是一个简单的流程图，展示了文件加载顺序的优化：