> 웹 프론트엔드 > JS 튜토리얼 > 직접 사용할 수 있는 JS 실용적인 함수 코드 5가지

직접 사용할 수 있는 JS 실용적인 함수 코드 5가지

韦小宝
풀어 주다: 2017-11-21 11:28:19
원래의
1529명이 탐색했습니다.

一波福利,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实现背景动画分裂

위 내용은 직접 사용할 수 있는 JS 실용적인 함수 코드 5가지의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿