根据给定的信息，我们可以整理出一系列与JavaScript相关的实用技巧及示例代码，共计16个知识点。下面将逐一解析这些技巧及其应用场景。
### 1. DOM事件处理：失去焦点、获得焦点、更改、选中
- **失去焦点 (`onBlur`):** 当一个元素（如输入框）失去焦点时触发。
- **获得焦点 (`onFocus`):** 当一个元素（如输入框）获得焦点时触发。
- **更改 (`onChange`):** 当用户改变一个表单元素的值时触发。
- **选中 (`onSelect`):** 当文本被选中时触发。
示例代码展示了一个带有默认提示文字的输入框：
```html
<input type="text" value="示例文字" onfocus="if(this.value=='示例文字'){this.value=''}" onblur="if(this.value==''){this.value='示例文字'}">
```
### 2. 设置按钮背景颜色
可以为按钮设置特定的背景颜色，例如使用`rgb`值：
```html
<input type="button" name="Submit1" value="按钮" size=10 class="s02" style="background-color:rgb(235,207,22)">
```
### 3. 鼠标移入移出时改变颜色
当鼠标移过元素时改变其颜色，通常用于按钮或其他交互式元素：
```html
<input type="submit" value="按钮" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button">
```
### 4. 自定义样式的按钮
可以自定义按钮的边框、高度、宽度等样式：
```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. 定制样式的输入框
创建一个具有固定样式的输入框：
```html
<input type="text" name="T1" size="20" style="border-style:solid; border-width:1">
```
### 7. 设置窗口大小
通过脚本设置浏览器窗口的大小：
```javascript
window.resizeTo(300, 283);
```
### 8. 使用滚动条实现自动滚动
使用`<marquee>`标签实现内容的自动滚动效果：
```html
<marquee direction="up" scrollamount="1" scrolldelay="100" onmouseover="this.stop()" onmouseout="this.start()" height="60">
<!-- 内容 -->
</marquee>
```
### 9. 设置状态栏文本
在鼠标悬停时修改浏览器的状态栏文本：
```html
<base onMouseOver="window.status='访问 http://www.webmake.cn/'; return true">
```
### 10. 单选按钮的选择
创建一组单选按钮，并使用`id`和`label`关联它们：
```html
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03">选项一</label>
```
### 11. 通过点击事件改变字体
虽然给定代码片段不完整，但可以通过添加事件监听器来实现字体的改变。
### 12. 打印当前页面
使用JavaScript内置函数`window.print()`打印当前页面：
```html
<a href='javascript:window.print()'>打印此页</a>
```
### 13. 输入框自动选择文本
当输入框获得焦点或鼠标悬停时自动选择其中的文本：
```html
<input type="text" name="key" size="12" value="搜索词" onFocus="this.select()" onMouseOver="this.focus()" class="line">
```
### 14. 显示文档最后修改时间
使用JavaScript显示文档的最后修改时间：
```javascript
function hi(str) {
document.write(document.lastModified);
alert("hi" + str + "!");
}
```
### 15. 使用`onMouseOver`触发事件
当鼠标悬停在链接上时触发弹窗：
```html
<a href="" onMouseOver="hello()">链接</a>
```
对应的JavaScript代码：
```javascript
function hello() {
alert("!");
}
```
### 16. 改变网页背景颜色
通过下拉列表选择不同的背景颜色：
```html
<select size="8" onChange="bgChange(this)">
<option value="#ffffff">白色</option>
<option value="#000000">黑色</option>
...
</select>
```
对应的JavaScript代码：
```javascript
function bgChange(selObj) {
newColor = selObj.options[selObj.selectedIndex].value;
document.body.bgColor = newColor;
selObj.selectedIndex = -1;
}
```
以上是根据提供的文件信息整理出的JavaScript技巧和示例代码。这些技巧涵盖了DOM操作、事件处理、样式定制等多个方面，对初学者和开发者都非常有用。
