JavaScript高级技巧集锦：从文件操作到DOM控制

本文档是一份关于JavaScript使用技巧的实用指南，旨在帮助初学者快速掌握JavaScript编程中的各种实用方法和窍门。以下是一些关键知识点： 1. **图标显示收藏功能** - 在HTML中通过`<link>`标签设置`SHORTCUTICON`属性，如`<link REL="SHORTCUTICON" href="http://www.asp888.net/site.ico">`，可以实现收藏时显示自定义图标。 2. **TD元素防止换行** - 使用`<TD noWrap>`属性，确保表格数据单元格内的文本不会自动换行。 3. **获取文件大小** - JavaScript允许获取图像的文件大小，如`<img onmouseover="this.alt='文件大小为：'+this.fileSize+'字节'">`展示了鼠标悬停时显示文件大小的方法。 4. **动态删除元素** - 通过`removeNode()`函数，如`img1.removeNode(true)`，可以实现对DOM元素的删除操作，注意传递布尔值`true`以保留子节点。 5. **模拟键盘操作** - 利用`WScript.Shell`对象的`sendKeys()`方法，如`WshShell.sendKeys("{F11}")`，可以模拟按下F11键等键盘事件。 6. **避免不必要的循环** - 避免无意义的循环，如`for(i=2;i<1;i++){}`，这将永远不执行循环体。 7. **打包JavaScript文件** - 使用`<script archive="utils.jars src="animation.js"></script>`语法可以将多个JavaScript文件打包在一起。 8. **获取当前选中文本** - `document.getSelection()`函数返回当前文档中的选定文本，这对于处理用户交互非常有用。 9. **元素索引获取** - 对于动态添加到`document.all[]`中的元素，可以使用`txt1.sourceIndex`来获取其在列表中的位置。 10. **滚动到视窗边缘** - `txt1.scrollIntoView(true)`函数使元素滚动到可视区域的顶部或底部。 11. **段落自动缩进** - 使用CSS样式`text-indent`实现段落的首行缩进，如`<p style="text-indent:26px">内容</p>`。 12. **客户端IP地址获取** - 在服务器端，通过`Request.ServerVariables("REMOTE_HOST")`获取访问者的IP地址。 13. **元素投影** - 使用CSS滤镜`progid:DXImageTransform.Microsoft.Shadow()`创建阴影效果，有助于提升网页视觉效果。 14. **隐藏图片热区焦点** - 通过`<img hideFocus>`属性，可以避免图片热区在加载时自动获取焦点。 15. **避免onload事件中的窗口打开** - 在`onload`事件中直接打开新窗口可能会被浏览器安全策略拦截，需要谨慎处理。 16. **文件选择后图片源更新** - 当用户选择文件时，使用`<input type="file" onpropertychange="img.src=value">`实时更新图片源。 17. **获取URL路径片段** - 使用字符串替换方法`str=str.replace(/[^\/]+$", ...)`提取URL中的特定部分，如文件名或路径。 这些技巧涵盖了JavaScript在网页开发中的基础操作和高级应用，对于提升开发效率和用户体验具有重要作用。通过理解和实践这些技巧，初学者能够更好地掌握JavaScript语言并将其融入到实际项目中。