【JavaScript小技巧详解】
在网页开发中，JavaScript是一种不可或缺的脚本语言，它极大地丰富了用户的交互体验。本文将分享一些实用的JavaScript小技巧，帮助你在HTML应用中提高效率。
1. **插入光标位置的文本**
这个技巧通过`onblur`事件和`execCommand('Paste')`命令实现。当用户离开`<input>`元素时，`onblur`事件被触发，然后通过`window.prompt`弹出对话框让用户输入文本。输入的文本会被保存到剪贴板，并在用户点击“meizz”按钮时，焦点返回到之前激活的`<input>`元素，并执行粘贴操作，将剪贴板中的内容插入到光标所在位置。
```html
<input onblur="global=this">
<input onblur="global=this">
<input type=button value=meizz onclick="mm()">
```
2. **键盘事件监听提交表单**
使用`document.onkeydown`可以监听键盘事件，当用户按下回车键时，会触发`submit`方法，提交表单。这个功能对于没有`<button>`或`<input type="submit">`的表单尤其有用。
```javascript
document.onkeydown = function() {
loginform.submit()
}
```
3. **动态改变表格单元格内容**
这个技巧展示了如何使用JavaScript动态改变`<td>`中的内容。当用户点击“更改”按钮，`div1`内的文本被替换为一个`<input>`元素，允许用户编辑；点击“保存”按钮，`<input>`的值会被写回到`<div>`中。
```javascript
function Click_B() {
div1.innerHTML = "<input type=text id=t1>";
}
function Click_B2() {
div1.innerHTML = t1.value;
}
```
4. **检查复选框和单选按钮是否选中**
这个函数`check()`通过`getElementsByName`获取所有相同名称的单选按钮和复选框，然后遍历它们，检查哪些被选中。当选中的元素存在时，显示其ID；如果没有任何选中项，会给出提示。
```javascript
function check() {
var o1 = document.getElementsByName('r');
var o2 = document.getElementsByName('c');
// ...检查并显示选中项的逻辑...
}
```
5. **获取Input的值**
获取输入框（包括单选按钮和复选框）的值，可以通过遍历所有`<input>`元素并检查它们的类型。对于已选中的单选按钮和复选框，可以通过`checked`属性获取其`value`值。
```javascript
function check() {
var o = document.getElementsByTagName('INPUT');
for (var i = 0; i < o.length; i++) {
if (o[i].type == 'radio' && o[i].checked) {
alert('选中单选框的value：' + o[i].value);
}
// ...检查复选框的逻辑...
}
}
```
这些JavaScript小技巧在日常开发中非常实用，可以帮助你更高效地处理用户交互，提升用户体验。在编写代码时，可以根据实际需求灵活运用这些技巧，使你的HTML应用更加智能和便捷。
