JavaScript技巧集锦：焦点事件与样式控制

"这篇资源是关于JavaScript技巧的集合，涵盖了文本框焦点管理、网页按钮样式定制、鼠标事件响应以及窗口尺寸调整等多个方面。" 在JavaScript中，文本框焦点的处理是一个常见的需求，可以通过不同的事件来实现。`onBlur`事件在元素失去焦点时触发，而`onFocus`事件则在元素获取焦点时触发。例如，一个文本框在默认状态下显示预设文字，当用户点击文本框后预设文字消失，用户输入或离开文本框时预设文字重新出现，这可以通过`onFocus`和`onBlur`事件配合条件判断来实现。 网页按钮的样式可以自定义，包括背景色、边框和字体等。例如，通过设置`style`属性中的`background-color`可以改变按钮的背景颜色，`border`可以控制边框样式，`font-size`和`color`分别调整字体大小和颜色。例如，创建一个带有特定颜色的按钮，可以使用如下的HTML代码： ```html <input type="button" name="Submit1" value="郭强" size=10 class="s02" style="background-color:rgb(235,207,22)"> ``` 鼠标的移入移出事件`onMouseOver`和`onMouseOut`可用于改变元素的视觉效果，如颜色变化。例如，当鼠标离开按钮时，按钮的颜色恢复为蓝色，当鼠标悬浮在按钮上时，颜色变为红色： ```html <input type="submit" value="找吧" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button"> ``` 对于平面按钮和输入框，可以使用`border`属性创建无边框或者定制边框样式，同时通过`BACKGROUND-COLOR`调整背景颜色，`color`设置文字颜色。例如，创建一个无边框的输入框： ```html <input type="text" name="T1" size="20" style="border-style:solid; border-width:1"> ``` JavaScript也可以用于调整浏览器窗口的大小，例如将窗口大小固定为300x283像素： ```javascript <script> window.resizeTo(300, 283); </script> ``` 此外，`<marquee>`标签可以实现文字的滚动效果，`direction`指定滚动方向，`scrollamount`设置滚动速度，`scrolldelay`是延迟时间。这在创建动态的文本展示时非常有用。 这些技巧展示了JavaScript在网页交互和美化方面的强大能力，通过对DOM元素的操作和事件监听，可以实现丰富的用户界面和交互体验。学习并熟练运用这些技巧，可以提升网站的用户体验和功能多样性。