Javascript - 正则表达式相关的一些基础的范例

很久以前的一些学习资料,归档发布;

正则表达式的基础,以HTML代码来示范:

html 复制代码
<html>

<head>

<title></title>
    <script language="javascript">
        function test(){
    //从页面要求客户输入一个字符串
        var str = window.prompt("请输入字符串", "");
        
        //定义一个正则表达式,只能是三个字符
        //var regexp = new RegExp("^...$");
        //第二种定义正则表达式的方式
        var regexp = /^...$/;
        
        //把输入的字符串与正则表达式进行匹配
        document.getElementById("zz").innerHTML = regexp.test(str);
    }
    
    </script>    
</head>

<body >
    <input type="button" value="测试" onclick="test()">
    <h1>
<div id="zz"></div>
</body>

</html>

可以直接保存为*.htm文件来观察效果;有多个范例来说明表达式的不同使用方法:

html 复制代码
<html>

<head>

<title></title>
    <script language="javascript">
        function test(){
    //从页面要求客户输入一个字符串
        var str = window.prompt("请输入字符串", "");
        
        //定义一个正则表达式,只能是三个字符
        var regexp = /bo+ll/;
        
        //把输入的字符串与正则表达式进行匹配
        document.getElementById("zz").innerHTML = regexp.test(str);
    }
    
    </script>    
</head>

<body >
    <input type="button" value="测试" onclick="test()">
    <h1>
<div id="zz"></div>
</body>

</html>

为方便已经上传至网盘,有需要自取:

链接:https://pan.baidu.com/s/1ISb8HW9_0v1RGbnKIWJXUQ?pwd=k3qp


相关推荐
天天向上10243 分钟前
Vue 配置打包后可编辑的变量
前端·javascript·vue.js
芬兰y19 分钟前
VUE 带有搜索功能的穿梭框(简单demo)
前端·javascript·vue.js
小蜜蜂dry26 分钟前
Fetch 笔记
前端·javascript
拾光拾趣录27 分钟前
列表分页中的快速翻页竞态问题
前端·javascript
vvilkim39 分钟前
Nuxt.js 全面测试指南:从单元测试到E2E测试
开发语言·javascript·ecmascript
OpenTiny社区1 小时前
盘点字体性能优化方案
前端·javascript
FogLetter1 小时前
深入浅出React Hooks:useEffect那些事儿
前端·javascript
猿榜2 小时前
魔改编译-永久解决selenium痕迹(二)
javascript·python
阿幸软件杂货间2 小时前
阿幸课堂随机点名
android·开发语言·javascript
threelab2 小时前
three案例 Three.js波纹效果演示
开发语言·javascript·ecmascript