根据给定的信息，本文将对“200多个js技巧代码”中提到的部分JavaScript技巧进行详细解析。这些技巧包括但不限于事件处理、样式控制、页面布局调整等，它们可以帮助开发者更高效地开发网页应用。
### 1. 处理焦点与失焦事件
- **onBlur**：当元素失去焦点时触发此事件。
- **onFocus**：当元素获得焦点时触发此事件。
- **onChange**：当表单字段中的值发生改变时触发此事件。
- **onSelect**：当文本被选中时触发此事件。
示例代码展示了一个输入框，在获得焦点时如果默认值为“mm”，则清除该值；在失去焦点且为空时，则恢复默认值“mm”。
```javascript
<input type="text" value="mm" onfocus="if (this.value == 'mm') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'mm'; }">
```
### 2. 页面按钮颜色设置
可以使用内联样式直接设置按钮的颜色。例如：
```html
<input type="button" name="Submit1" value="强" size="10" class="s02" style="background-color: rgb(235, 207, 22);">
```
这里设置了一个按钮，其背景色为RGB(235, 207, 22)。
### 3. 鼠标悬停时颜色变化
使用`onMouseOver` 和 `onMouseOut` 事件来实现鼠标悬停时按钮颜色的变化。
```html
<input type="submit" value="读" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button">
```
这个例子展示了当鼠标悬停在按钮上时，字体颜色变为红色；当鼠标移开时，字体颜色变为蓝色。
### 4. 平铺式按钮样式
通过CSS设置按钮的样式，如边框、高度、宽度等属性。
```html
<input type="submit" value="提交" style="border: 1px solid #666666; height: 17px; width: 25pt; font-size: 9pt; BACKGROUND-COLOR: #E8E8FF; color: #666666;" name="submit">
```
### 5. 输入框颜色变化
可以通过内联样式设置输入框的样式，包括边框、字体大小、高度、背景色及字体颜色等。
```html
<input type="text" name="nick" style="border: 1px solid #666666; font-size: 9pt; height: 17px; BACKGROUND-COLOR: #F4F4FF; color: #ff6600" size="15" maxlength="16">
```
### 6. 设置输入框边框样式
使用CSS设置输入框的边框样式。
```html
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1px;">
```
### 7. 设置窗口大小
通过JavaScript直接设置浏览器窗口的尺寸。
```javascript
<script>
window.resizeTo(300, 283);
</script>
```
这段代码会将窗口大小调整为宽300像素、高283像素。
### 8. 使用Marquee标签实现滚动效果
利用`<marquee>`标签实现文字或图片的滚动效果。
```html
<marquee direction="up" scrollamount="1" scrolldelay="100" onmouseover="this.stop()" onmouseout="this.start()" height="60">
<!-- 内容 -->
</marquee>
```
这里设置了一个向上滚动的文字区域，滚动速度为每秒1像素，延迟时间为100毫秒，并在鼠标悬停时停止滚动，在鼠标离开时继续滚动。
### 9. 设置鼠标悬停状态提示
使用`<base>`标签结合JavaScript来设置鼠标悬停时的状态提示。
```html
<base onmouseover="window.status='访问http://www.webmake.cn/'; return true;">
```
当鼠标悬停在页面上的任何位置时，状态栏会显示“访问http://www.webmake.cn/”。
### 10. 实现Radio单选按钮的选定效果
使用HTML的`<input>`标签配合`<label>`标签来创建一个单选按钮组，并通过ID关联实现选定效果。
```html
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03">选择一个选项</label>
```
用户可以选择单个选项。
### 11. 使用Font标签设置字体样式（注：此标签已过时）
虽然`<font>`标签已经不再推荐使用，但为了兼容性，有时候仍然会用到。
```html
<font onclick="alert('点击了字体！')">点击我</font>
```
### 12. 打印当前页面
使用JavaScript内置的方法`window.print()`来实现打印功能。
```html
<a href='javascript:window.print()'>打印本页</a>
```
点击链接后会弹出打印对话框，用户可以选择打印设置。
### 13. 自动聚焦并全选文本框中的内容
使用`onFocus` 和 `onMouseOver` 事件使文本框在获得焦点或鼠标悬停时自动全选内容。
```html
<input type="text" name="key" size="12" value="搜索" onFocus="this.select()" onMouseOver="this.focus()" class="line">
```
当文本框获得焦点或鼠标悬停在其上时，其中的内容会被自动选中。
### 14. 显示文档最后修改时间
使用JavaScript动态获取并显示文档的最后修改时间。
```javascript
<script>
function hi(str) {
document.write(document.lastModified);
alert("hi" + str + "!");
}
</script>
```
调用`hi()`函数时，不仅会显示文档的最后修改时间，还会弹出一个包含传递字符串的警告框。
### 15. 在HTML文档中使用JavaScript事件
在HTML文档中可以使用JavaScript来定义各种事件处理器。
```html
<html>
<head>
<script language="JavaScript">
function hello() {
alert("!");
}
</script>
</head>
<body>
<a href="" onMouseOver="hello()">链接</a>
</body>
</html>
```
点击链接时，会弹出一个警告框显示感叹号。
### 16. 选择不同的背景颜色
使用下拉菜单来改变页面背景色。
```html
<select onchange="bgChange(this)">
<option value="#FFFFFF">白色</option>
<option value="#000000">黑色</option>
<option value="#FF0000">红色</option>
</select>
```
```javascript
<script>
function bgChange(selObj) {
newColor = selObj.options[selObj.selectedIndex].text;
document.bgColor = newColor;
selObj.selectedIndex = -1;
}
</script>
```
用户可以从下拉列表中选择一种颜色，页面背景色随之改变。
以上技巧涵盖了JavaScript在网页开发中的常见应用场景，包括但不限于事件处理、页面样式控制、动态效果实现等。这些技巧不仅能够帮助开发者提高开发效率，还能增强用户体验。
