JavaScript基础教程:经典代码与正则限制输入

需积分: 9 5 下载量 73 浏览量 更新于2024-10-04 收藏 38KB TXT 举报
本篇文章是一份JavaScript教程,着重讲解了一些经典且常用的代码片段。首先,我们看到一段关于JavaScript的脚本,它利用`window.opener.location`和`window.close()`来实现窗口操作。当这个脚本运行时,它会尝试改变父窗口(也就是打开当前窗口的窗口)的URL,然后关闭当前窗口。这在一些场景下可能用于传递数据或者完成特定交互。 接着,介绍了一个名为`regInput`的JavaScript函数,这是一个用于验证输入的正则表达式工具。该函数接收三个参数:一个对象(通常是input元素),一个正则表达式和一个初始字符串。它会检查用户在输入框中的文本是否符合正则匹配规则。如果不符合,函数将阻止默认的键入、粘贴或拖放事件,并确保输入只包含小写字母。这里用到了`document.selection`和`createTextRange`方法,它们是IE浏览器特有的DOM操作,用于处理文本范围。 对于不同的字符输入(小写或大写),分别使用`String.fromCharCode(event.keyCode)`获取按键的ASCII码,转换为对应的字符,然后通过`onkeypress`、`onpaste`和`ondrop`事件监听器应用`regInput`函数进行实时校验。 `<input>`标签的`ime-mode:Disabled`属性设置是为了禁用输入法,防止用户在输入框中输入非目标字符。最后,这段代码还展示了如何处理大写字母的输入限制,同样是通过正则表达式`/^[A-Z]*$/`来实现。 总结来说,这篇教程主要介绍了JavaScript中的窗口操作、正则表达式验证以及如何在特定事件触发时应用自定义的验证逻辑。这对于前端开发者理解和使用JavaScript进行表单验证、事件处理以及跨窗口通信具有实用价值。同时,它也展示了IE浏览器特有的DOM操作方法,这对于了解浏览器兼容性和历史演进有一定的参考意义。