JS精彩231例共64页.doc

在JavaScript编程中，这些例子展示了如何利用不同的事件和样式来增强网页交互性。以下是各例的详细解释： 1. 文本框焦点问题：`onBlur`、`onFocus`、`onChange` 和 `onSelect` 是JavaScript中的文本框事件。`onBlur` 在元素失去焦点时触发，`onFocus` 当元素获得焦点时触发，`onChange` 在用户更改输入内容后触发，而 `onSelect` 在用户选择文本时触发。示例中，文本框在获得焦点时清空初始值“郭强”，失去焦点时若为空则恢复初始值。 2. 网页按钮的特殊颜色：通过设置 `style` 属性，可以自定义按钮的背景颜色，例如这里的 `background-color:rgb(235,207,22)` 定义了按钮的背景色。 3. 鼠标移入移出时颜色变化：`onMouseOver` 和 `onMouseOut` 事件用于在鼠标悬停和离开元素时改变元素的样式，如这里改变按钮文字的颜色。 4. 平面按钮：使用 CSS 样式定义按钮的外观，包括边框宽度、高度、字体大小、背景颜色和文字颜色。 5. 按钮颜色变化：通过设置 `style` 属性，可以动态改变输入框的背景颜色和文字颜色，例如这里将输入框的文字颜色设置为橙色。 6. 平面输入框：使用 `border-style` 和 `border-width` 设置输入框的边框样式和宽度，以创建平面效果。 7. 改变窗口大小：`window.resizeTo(width, height)` 方法可将浏览器窗口调整到指定的宽度和高度。 8. 文字上下滚动：`<marquee>` 标签用于创建滚动文本效果，`direction` 控制滚动方向，`scrollamount` 和 `scrolldelay` 分别设定滚动速度和间隔。 9. 状态栏显示页面状态：`<base>` 标签的 `onmouseover` 事件可以更新浏览器的状态栏显示。 10. 点击文字选择 radio 选项：`for` 属性关联 `label` 和 `input[type="radio"]`，点击文字即可选中对应的单选按钮。 11. 文字域的 `onclick` 事件：在 `textarea` 的 `font` 元素内添加 `onclick` 事件，实现点击后执行特定功能。 12. 打印网页：`window.print()` 函数可打开浏览器的打印对话框，允许用户打印当前网页。 13. 线型输入框：`onFocus` 使文本框自动获取焦点并全选内容，`onMouseOver` 使得鼠标悬停时文本框自动聚焦。 14. 显示文档最后修改日期：`document.lastModified` 返回文档的最后修改时间，可通过函数显示或弹窗提示用户。 15. 鼠标悬停触发事件：在 HTML5 之前的浏览器，如使用 LiveScript，可以使用 `onMouseOver` 触发函数，展示提示信息。 16. 根据网页选项改变页面颜色：未提供完整代码，但通常可以通过监听 `onChange` 事件，根据用户在选项中的选择改变页面的背景颜色。 以上这些例子展示了JavaScript在网页交互设计中的基本应用，包括事件处理、样式控制、用户输入处理以及页面动态效果的实现，这些都是构建动态、交互性强的网页所必需的技能。通过结合这些技巧，开发者可以创建更富吸引力和用户体验的网页应用。