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


相关推荐
duandashuaige20 分钟前
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED
javascript·typescript·electron·npm·vue·html
渣哥1 小时前
当容器里有多个 Bean,@Qualifier 如何精准定位?
javascript·后端·面试
云枫晖1 小时前
深入浅出npm:现代JavaScript项目基石
前端·javascript·node.js
不一样的少年_1 小时前
你家孩子又偷玩网页游戏? 试试这个防沉迷工具
前端·javascript·浏览器
掘金安东尼1 小时前
前端周刊第436期(2025年10月13日–10月19日)
前端·javascript·github
勤奋菲菲2 小时前
深入理解HTML文本标签:构建网页内容的基础
前端·html
昔人'2 小时前
html`<mark>`
前端·javascript·html
前端拿破轮2 小时前
从0到1搭一个monorepo项目(二)
前端·javascript·面试
SuperherRo2 小时前
JS逆向-安全辅助项目&Yakit热加载&魔术方法&模版插件语法&JSRpc进阶调用&接口联动
javascript·安全·yakit·jsrpc·热加载
用户47949283569153 小时前
用|运算符写管道?Symbol.toPrimitive让JavaScript提前用上|>语法
前端·javascript