zoukankan      html  css  js  c++  java
  • js技巧(三)

    1.检测浏览器,search的用法

    if(window.navigator.userAgent.search(/firefox/i)!=-1){
                alert('ff');
            }
            else if(window.navigator.userAgent.search(/chrome/i)!=-1){
                alert('gg');
            }
    View Code

    2.match的用法

    var str = "str 223 frfr 23 tg 4r56e";
            var re = /d+/g;//g 全局匹配  全局指的是在当前字符串中进行全部数据的匹配。
    
            console.log(str.match(re));
    View Code

    3.repalce的用法

    var str = "abcdeafAg";
            var n = str.replace(/a/ig,'T');//返回替换的数组 
            console.log(n);//TbcdeTfTg
            console.log(str);//abcdeafAg
    View Code

    4.过滤敏感词汇

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <h1>敏感词过滤</h1>
            <textarea id="txt1" cols="30" rows="10"></textarea><br>
            <input type="button" id="btn1" value="过滤"><br>
            <textarea id="txt2" cols="30" rows="10"></textarea>
        </body>
        <script>
            window.onload = function ()
            {
                var oTxt1 = document.getElementById('txt1');
                var oTxt2 = document.getElementById('txt2');
                var btn1 = document.getElementById('btn1');
    
                btn1.onclick = function (){
                    var re = /fuck|傻吊|DDS|DSD/g;// | 或者
                    oTxt2.value = oTxt1.value.replace(re,'***')
                }
            }
        </script>
    </html>
    View Code

    5.去标签

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
    
        <body>
            <textarea id="txt1" cols="30" rows="10"></textarea><br>
            <input type="button" id="btn" value="提交"><br>
            <textarea id="txt2" cols="30" rows="10"></textarea>
        </body>
        <script>
            window.onload = function ()
            {
                /*
                    html 标签特点  <> 里面有内容
                    <>  /<>/g
                    . 
                 */
                var oTxt1 = document.getElementById('txt1');
                var oTxt2 = document.getElementById('txt2');
                var btn = document.getElementById('btn'); 
                btn.onclick = function ()
                {
                    var re = /<[^<>]+>/g;
                    oTxt2.value = oTxt1.value.replace(re,'')
                }
            }
        </script>
    </html>
    View Code
  • 相关阅读:
    MyBatis的几种使用形式。
    laradock开发环境搭建笔记
    前端如何引入vConsole
    技术更迭,一往无前
    博客园使用markdown
    python telnetlib 模块实现功能端口扫描
    kubernetes之ingress部署
    kubernetes之ingress error: endpoints "default-http-backend" not found
    mvc 查询条件回显
    BootStrap 下来菜单点击两次才弹框问题
  • 原文地址:https://www.cnblogs.com/gvip-cyl/p/6565305.html
Copyright © 2011-2022 走看看