ホームページ  >  記事  >  ウェブフロントエンド  >  直接使用できる 5 つの JS 実用的な関数コード スニペット

直接使用できる 5 つの JS 実用的な関数コード スニペット

韦小宝
韦小宝オリジナル
2017-11-21 11:28:191486ブラウズ

一波福利,JS功能源码在这,看看有没有你需要的,拿走直接放在JS的项目中用,或者用来学习JS。

不废话,直接上代码

1、原生JavaScript实现字符串长度截取

  function cutstr(str, len) {
         var temp;
         var icount = 0;
         var patrn = /[^\x00-\xff]/;
         var strre = "";
         for (var i = 0; i < str.length; i++) {
             if (icount < len - 1) {
                 temp = str.substr(i, 1);
                 if (patrn.exec(temp) == null) {
                     icount = icount + 1
                } else {
                     icount = icount + 2
                 }
                 strre += temp
             } else {
                break
             }
        }
        return strre + "..."
     }

2、原生JavaScript获取域名主机

function getHost(url) {
         var host = "null";
        if(typeof url == "undefined"|| null == url) {
             url = window.location.href;
         }
         var regex = /^\w+\:\/\/([^\/]*).*/;
         var match = url.match(regex);
         if(typeof match != "undefined" && null != match) {
             host = match[1];
        }
        return host;
}

3、原生JavaScript清除空格

   String.prototype.trim = function() {
       var reExtraSpace = /^\s*(.*?)\s+$/;
       return this.replace(reExtraSpace, "$1")
     }

4、原生JavaScript替换全部

String.prototype.replaceAll = function(s1, s2) {
         return this.replace(new RegExp(s1, "gm"), s2)
   }

5、原生JavaScript转义html标签

function HtmlEncode(text) {
         return text.replace(/&/g, &#39;&amp&#39;).replace(/\"/g, &#39;&quot;&#39;).replace(/</g, &#39;&lt;&#39;).replace(/>/g, &#39;&gt;&#39;)
   }

以上的功能源码都是免费提供给大家的,想获取更多就到PHP中文网搜索吧!

相关推荐:

JS实现电商触摸放大图效果

JS循环轮播图

js实现背景动画分裂

以上が直接使用できる 5 つの JS 実用的な関数コード スニペットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。