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


相关推荐
G皮T20 分钟前
【Python Cookbook】字符串和文本(五):递归下降分析器
数据结构·python·正则表达式·字符串·编译原理·词法分析·语法解析
美食制作家43 分钟前
【无标题】Threejs第一个3D场景
javascript·three
HelloRevit2 小时前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js
ohMyGod_1233 小时前
用React实现一个秒杀倒计时组件
前端·javascript·react.js
艾克马斯奎普特3 小时前
Vue.js 3 渐进式实现之响应式系统——第四节:封装 track 和 trigger 函数
javascript·vue.js
JustHappy3 小时前
「我们一起做组件库🌻」虚拟消息队列?message组件有何不同?(VersakitUI开发实录)
前端·javascript·vue.js
Carlos_sam3 小时前
Openlayers:为Overlay创建element的四种方式
前端·javascript·vue.js
纵昂3 小时前
Js中常用数据转换及方法记录汇总
前端·javascript
还是鼠鼠3 小时前
Node.js中间件的5个注意事项
javascript·vscode·中间件·node.js·json·express
海底火旺3 小时前
闭包模块:JavaScript的"魔法收纳盒"
前端·javascript