根据给定的信息，我们可以归纳总结出以下JavaScript相关的知识点：
### 1. JavaScript 事件处理
#### 1.1 `onBlur` 和 `onFocus` 事件
- **`onBlur`**：当元素失去焦点时触发。
- **`onFocus`**：当元素获得焦点时触发。
例如，在输入框中实现一个提示文本的功能：
```html
<input type="text" value="请输入用户名" onfocus="if(this.value=='请输入用户名'){this.value=''}" onblur="if(this.value==''){this.value='请输入用户名'}">
```
这个例子中，当用户点击输入框 (`onFocus`) 时，如果输入框的值为默认提示文本，则清空该文本；当输入框失去焦点 (`onBlur`) 时，如果输入框为空，则恢复默认提示文本。
#### 1.2 `onChange` 事件
- **`onChange`**：当表单字段发生变化时触发。
例如，在选择框或输入框中，当用户更改了某个值后会触发此事件：
```html
<select onchange="alert('值已改变')">
<option value="1">选项1</option>
<option value="2">选项2</option>
</select>
```
#### 1.3 `onSelect` 事件
- **`onSelect`**：当用户选中文本时触发。
这个事件可以用于实现一些文本选中的特效，例如高亮显示等。
### 2. HTML 元素样式控制
#### 2.1 设置按钮颜色
通过设置HTML元素的样式属性，可以直接在HTML中定义按钮的颜色，如背景色和字体颜色：
```html
<input type="button" name="Submit1" value="确定" size="10" class="s02" style="background-color:rgb(235,207,22)">
```
#### 2.2 鼠标悬停时改变颜色
利用 `onMouseOut` 和 `onMouseOver` 事件，可以在鼠标移入和移出时改变按钮的字体颜色：
```html
<input type="submit" value="确定" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button">
```
#### 2.3 按钮样式设置
可以使用内联样式来设置按钮的各种样式，包括边框、高度、宽度等：
```html
<input type="submit" value="提交" style="border:1px solid #666666;height:17px;width:25pt;font-size:9pt;BACKGROUND-COLOR:#E8E8FF;color:#666666" name="submit">
```
### 3. JavaScript 功能实现
#### 3.1 调整窗口大小
可以通过 `window.resizeTo(width, height)` 方法调整浏览器窗口的大小：
```javascript
<script>
window.resizeTo(300, 283);
</script>
```
#### 3.2 使用 `<marquee>` 实现滚动效果
利用 `<marquee>` 标签可以创建滚动文本或图片效果，并可以通过方向 (`direction`)、滚动速度 (`scrollamount`) 等属性来控制滚动行为：
```html
<marquee direction="up" scrollamount="1" scrolldelay="100" onmouseover="this.stop()" onmouseout="this.start()" height="60">
<!-- 滚动内容 -->
</marquee>
```
#### 3.3 更改状态栏文本
使用 `<base>` 标签结合 JavaScript 可以在鼠标悬停时更改浏览器的状态栏文本：
```html
<base onMouseOver="window.status='访问 http://www.webmake.cn/'; return true;">
```
#### 3.4 改变字体颜色
通过 `onclick` 事件改变字体颜色：
```html
<font onclick="this.style.color='red'">点击改变字体颜色</font>
```
#### 3.5 打印当前页面
使用 `window.print()` 方法可以打印当前页面：
```html
<a href="javascript:window.print()">打印当前页面</a>
```
#### 3.6 自动获取焦点并全选文本
当输入框获得焦点时自动选中文本：
```html
<input type="text" name="key" size="12" value="搜索关键词" onFocus="this.select()" onMouseOver="this.focus()" class="line">
```
#### 3.7 显示文档最后修改时间
使用 `document.write(document.lastModified)` 来显示文档的最后修改时间：
```html
<script>
function hi(str) {
document.write(document.lastModified);
alert("hi" + str + "!");
}
</script>
```
#### 3.8 鼠标悬停时弹出警告
在鼠标悬停时弹出警告框：
```html
<a href="" onMouseOver="hello()">链接</a>
<script>
function hello() {
alert("!");
}
</script>
```
#### 3.9 用户选择背景颜色
允许用户选择页面背景颜色：
```html
<script>
function bgChange(selObj) {
var newColor = selObj.options[selObj.selectedIndex].text;
document.bgColor = newColor;
selObj.selectedIndex = -1;
}
</script>
<body style="font-family:Arial">
<b>更改背景颜色</b>
<form>
<select onchange="bgChange(this)">
<option value="#FFFFFF">白色</option>
<option value="#FF0000">红色</option>
<option value="#00FF00">绿色</option>
<option value="#0000FF">蓝色</option>
</select>
</form>
```
这些技巧覆盖了从基本的事件处理到更复杂的页面交互功能，可以帮助开发者快速提升网页的表现力和用户体验。
