JavaScript技巧集锦：从页面操作到用户交互

"这篇资料主要介绍了JavaScript在网页交互中的多种实用技巧，包括文字滚动、网页修改时间记录、窗口操作、收藏夹添加、超链接样式控制、鼠标右键禁用、设置首页、节日倒计时、页面打印与保存、日期显示、动态效果以及IE图标更改等功能。同时，还涉及到了文本框的控制、输入验证、键盘事件捕获、窗口管理、数据网格中的复选框使用等，以及一系列防止用户非法操作和提高用户体验的方法。" JavaScript是一种广泛应用于网页开发的脚本语言，它可以增强网页的交互性，提供丰富的用户界面功能。以下是对这些知识点的详细说明： 1. 文字滚动：通过CSS或JavaScript实现文本的滚动效果，例如使用`marquee`标签或创建自定义的滚动函数。 2. 记录并显示网页的最后修改时间：通过读取文件的HTTP头信息获取最后修改时间，或者使用服务器端脚本动态生成。 3. 关闭当前窗口和定时关闭：使用`window.close()`方法，配合定时器可以实现延迟关闭。 4. 载入指定网页：使用`window.location.href`来跳转到新页面，加上定时器可以实现延迟加载。 5. 添加到收藏夹：利用`window.external.AddFavorite()`方法，但兼容性受限，现代浏览器通常建议使用提示用户手动添加的方式。 6. 链接不显示下划线：通过CSS设置`text-decoration:none`去除下划线。 7. 禁止鼠标右键动作：监听`oncontextmenu`事件，阻止默认行为。 8. 设置为首页：通过`window.location.assign('bookmar k.html')`，并在 bookmark.html 中设置`document.body.onload = function(){ window.location.reload(); }`。 9. 节日倒计时：计算当前日期与目标日期的差值，实时更新显示。 10. 打印和保存当前页：通过`window.print()`和`document.execCommand('saveas')`实现。 11. 显示系统当前日期：使用`new Date().toLocaleString()`获取本地日期时间。 12. 不同时间段显示不同问候语：根据`new Date().getHours()`判断当前时间并显示相应内容。 13. 水中倒影效果：通过CSS3的transform属性和filter实现。 14. 慢慢变大的窗口：利用CSS3的transition和transform属性实现动画效果。 15. 改变IE地址栏的IE图标：通过`window.document/favicon.ico`设置浏览器图标。 此外，还涉及到一些JavaScript的进阶应用： - 输入框限制：如限制输入字符类型、数量等，使用`oninput`或`onkeydown`事件。 - 控制输入：包括非法字符过滤、表单验证等，通过监听键盘事件和正则表达式匹配。 - 窗口管理：`window.open()`打开新窗口，`window.close()`关闭窗口，`location`对象进行页面跳转。 - 键盘事件捕获：例如`onkeydown`、`onkeyup`事件，可以实现快捷键功能。 - 表单验证：对用户输入的数据进行有效性检查，确保数据格式正确。 这些技巧可以帮助开发者创建更具互动性和个性化的网页，提升用户体验。在实际开发中，应考虑浏览器兼容性，并结合HTML5的新特性以实现更高效、更优雅的代码。