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

DoomGT

已于 2024-03-28 21:56:49 修改

阅读量343

点赞数 3

分类专栏：技术参考文章标签：正则表达式 HTML javascript

于 2024-03-27 00:49:46 首次发布

本文链接：https://blog.csdn.net/DoomGT/article/details/137062279

版权

技术参考专栏收录该内容

10 篇文章 2 订阅

订阅专栏

很久以前的一些学习资料，归档发布；

正则表达式的基础，以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>

<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