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


相关推荐
天天扭码7 分钟前
在项目中常见的main.js和main.mjs有什么区别,我们该如何选择?
前端·javascript·面试
NoneCoder39 分钟前
HTML 模板技术与服务端渲染
服务器·servlet·html
码农研究僧1 小时前
Vue3 上传后的文件智能预览(实战体会)
vue·html·图片预览
三巧1 小时前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
软件技术NINI1 小时前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
天天扭码2 小时前
从数组到对象:JavaScript 遍历语法全解析(ES5 到 ES6 + 超详细指南)
前端·javascript·面试
拉不动的猪2 小时前
前端开发中常见的数据结构优化问题
前端·javascript·面试
天天扭码2 小时前
ES6 Symbol 超详细教程:为什么它是避免对象属性冲突的终极方案?
前端·javascript·面试
小矮马3 小时前
React-组件和props
前端·javascript·react.js
DC...3 小时前
vue滑块组件设计与实现
前端·javascript·vue.js