本文中，收集了一些比较常用的Javascript函数，希望对学习JS的朋友们有所帮助。

1. 字符串长度截取

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function

cutstr(str, len) {
    var

temp,
        icount
= 0,
        patrn
= /[^\x00-\xff]/，
        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. 替换全部

?
1
2
3
String.prototype.replaceAll
= function(s1,
s2) {
    return

this.replace(new

RegExp(s1, "gm"),
s2)
}

3. 清除空格

?
1
2
3
4
String.prototype.trim
= function()
{
    var

reExtraSpace = /^\s*(.*?)\s+$/;
    return

this.replace(reExtraSpace,
"$1")
}

4. 清除左空格/右空格

?
1
2
function

ltrim(s){ return

s.replace( /^(\s*| *)/, "");
}
function

rtrim(s){ return

s.replace( /(\s*| *)$/, "");
}

5. 判断是否以某个字符串开头

?
1
2
3
String.prototype.startWith
= function

(s) {
    return

this.indexOf(s)
== 0
}

6. 判断是否以某个字符串结束

?
1
2
3
4
String.prototype.endWith
= function

(s) {
    var

d = this.length
- s.length;
    return

(d >= 0 && this.lastIndexOf(s)
== d)
}

7. 转义html标签

?
1
2
3
function

HtmlEncode(text) {
    return

text.replace(/&/g, '&').replace(/\"/g,
'"').replace(/</g,
'<').replace(/>/g,
'>')
}

8. 时间日期格式转换

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Date.prototype.Format
= function(formatStr)
{
    var

str = formatStr;
    var

Week = ['日',
'一',
'二',
'三',
'四',
'五',
'六'];
    str
= str.replace(/yyyy|YYYY/, this.getFullYear());
    str
= str.replace(/yy|YY/, (this.getYear()
% 100) > 9 ? (this.getYear()
% 100).toString() : '0'

+ (this.getYear()
% 100));
    str
= str.replace(/MM/, (this.getMonth()
+ 1) > 9 ? (this.getMonth()
+ 1).toString() : '0'

+ (this.getMonth()
+ 1));
    str
= str.replace(/M/g, (this.getMonth()
+ 1));
    str
= str.replace(/w|W/g, Week[this.getDay()]);
    str
= str.replace(/dd|DD/, this.getDate()
> 9 ? this.getDate().toString()
: '0'

+ this.getDate());
    str
= str.replace(/d|D/g, this.getDate());
    str
= str.replace(/hh|HH/, this.getHours()
> 9 ? this.getHours().toString()
: '0'

+ this.getHours());
    str
= str.replace(/h|H/g, this.getHours());
    str
= str.replace(/mm/, this.getMinutes()
> 9 ? this.getMinutes().toString()
: '0'

+ this.getMinutes());
    str
= str.replace(/m/g, this.getMinutes());
    str
= str.replace(/ss|SS/, this.getSeconds()
> 9 ? this.getSeconds().toString()
: '0'

+ this.getSeconds());
    str
= str.replace(/s|S/g, this.getSeconds());
    return

str
}

9. 判断是否为数字类型

?
1
2
3
4
5
6
7
8
function

isDigit(value) {
    var

patrn = /^[0-9]*$/;
    if

(patrn.exec(value) == null

|| value == "")
{
        return

false
    }
else

{
        return

true
    }
}

10. 设置cookie值

?
1
2
3
4
5
6
7
8
9
function

setCookie(name, value, Hours) {
    var

d = new

Date();
    var

offset = 8;
    var

utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    var

nd = utc + (3600000 * offset);
    var

exp = new

Date(nd);
    exp.setTime(exp.getTime()
+ Hours * 60 * 60 * 1000);
    document.cookie
= name + "="

+ escape(value) + ";path=/;expires="

+ exp.toGMTString() + ";domain=360doc.com;"
}

11. 获取cookie值

?
1
2
3
4
5
function

getCookie(name) {
    var

arr = document.cookie.match(new

RegExp("(^|
)"
+ name + "=([^;]*)(;|$)"));
    if

(arr != null)
return

unescape(arr[2]);
    return

null
}

12. 加入收藏夹

?
1
2
3
4
5
6
7
8
9
10
11
function

AddFavorite(sURL, sTitle) {
    try

{
        window.external.addFavorite(sURL,
sTitle)
    }
catch(e)
{
        try

{
            window.sidebar.addPanel(sTitle,
sURL, "")
        }
catch(e)
{
            alert("加入收藏失败，请使用Ctrl+D进行添加")
        }
    }
}

13. 设为首页

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function

setHomepage() {
    if

(document.all) {
        document.body.style.behavior
= 'url(#default#homepage)';
        document.body.setHomePage('http://w3cboy.com')
    }
else

if
(window.sidebar) {
        if

(window.netscape) {
            try

{
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
            }
catch(e)
{
                alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入
about:config,然后将项 signed.applets.codebase_principal_support 值该为true")
                }
        }
        var

prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
        prefs.setCharPref('browser.startup.homepage',
'http://w3cboy.com')
    }
}

14. 加载样式文件

?
1
2
3
4
5
6
7
8
9
10
11
12
function

LoadStyle(url) {
    try

{
        document.createStyleSheet(url)
    }
catch(e)
{
        var

cssLink = document.createElement('link');
        cssLink.rel
= 'stylesheet';
        cssLink.type
= 'text/css';
        cssLink.href
= url;
        var

head = document.getElementsByTagName('head')[0];
        head.appendChild(cssLink)
    }
}

15. 返回脚本内容

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function

evalscript(s) {
    if(s.indexOf('<script')
== -1) return

s;
    var

p = /<script[^\>]*?>([^\x00]*?)<\/script>/ig;
    var

arr = [];
    while(arr
= p.exec(s)) {
        var

p1 = /<script[^\>]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
        var

arr1 = [];
        arr1
= p1.exec(arr[0]);
        if(arr1)
{
            appendscript(arr1[1],
'',
arr1[2], arr1[3]);
        }
else

{
            p1
= /<script(.*?)>([^\x00]+?)<\/script>/i;
            arr1
= p1.exec(arr[0]);
            appendscript('',
arr1[2], arr1[1].indexOf('reload=')
!= -1);
        }
    }
    return

s;
}

16. 清除脚本内容

?
1
2
3
function

stripscript(s) {
    return

s.replace(/<script.*?>.*?<\/script>/ig, '');
}

17. 动态加载脚本文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function

appendscript(src, text, reload, charset) {
    var

id = hash(src + text);
    if(!reload
&& in_array(id, evalscripts)) return;
    if(reload
&& $(id)) {
        $(id).parentNode.removeChild($(id));
    }
    evalscripts.push(id);
    var

scriptNode = document.createElement("script");
    scriptNode.type
= "text/javascript";
    scriptNode.id
= id;
    scriptNode.charset
= charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
    try

{
        if(src)
{
            scriptNode.src
= src;
            scriptNode.onloadDone
= false;
            scriptNode.onload
= function

() {
                scriptNode.onloadDone
= true;
                JSLOADED[src]
= 1;
             };
             scriptNode.onreadystatechange
= function

() {
                 if((scriptNode.readyState
== 'loaded'

|| scriptNode.readyState == 'complete')
&& !scriptNode.onloadDone) {
                    scriptNode.onloadDone
= true;
                    JSLOADED[src]
= 1;
                }
             };
        }
else

if(text){
            scriptNode.text
= text;
        }
        document.getElementsByTagName('head')[0].appendChild(scriptNode);
    }
catch(e)
{}
}

18. 返回按ID检索的元素对象

function $(id) {

    return !id ? null : document.getElementById(id);

}

19. 跨浏览器绑定事件

?
1
2
3
4
5
6
7
8
9
10
function

addEventSamp(obj,evt,fn){
    if(!oTarget){return;}
    if

(obj.addEventListener) {
        obj.addEventListener(evt,
fn, false);
    }else

if(obj.attachEvent){
        obj.attachEvent('on'+evt,fn);
    }else{
        oTarget["on"

+ sEvtType] = fn;
    }
}

20. 跨浏览器删除事件

?
1
2
3
4
5
6
7
8
9
10
function

delEvt(obj,evt,fn){
    if(!obj){return;}
    if(obj.addEventListener){
        obj.addEventListener(evt,fn,false);
    }else

if(oTarget.attachEvent){
        obj.attachEvent("on"

+ evt,fn);
    }else{
        obj["on"

+ evt] = fn;
    }
}

21. 为元素添加on方法

?
1
2
3
4
5
6
7
8
Element.prototype.on
= Element.prototype.addEventListener;
  
NodeList.prototype.on
= function

(event, fn) {、
    []['forEach'].call(this,
function

(el) {
        el.on(event,
fn);
    });
    return

this;
};

22. 为元素添加trigger方法

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Element.prototype.trigger
= function

(type, data) {
    var

event = document.createEvent('HTMLEvents');
    event.initEvent(type,
true,
true);
    event.data
= data || {};
    event.eventName
= type;
    event.target
= this;
    this.dispatchEvent(event);
    return

this;
};
NodeList.prototype.trigger
= function

(event) {
    []['forEach'].call(this,
function

(el) {
        el['trigger'](event);
    });
    return

this;
};

23. 检验URL链接是否有效

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function

getUrlState(URL){
    var

xmlhttp = new

ActiveXObject("microsoft.xmlhttp");
    xmlhttp.Open("GET",URL,
false); 
    try{ 
            xmlhttp.Send();
    }catch(e){
    }finally{
        var

result = xmlhttp.responseText;
        if(result){
            if(xmlhttp.Status==200){
                return(true);
             }else{
                   return(false);
             }
         }else{
             return(false);
         }
    }
}

24. 格式化CSS样式代码

?
1
2
3
4
5
6
7
8
9
function

formatCss(s){//格式化代码
    s
= s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    s
= s.replace(/;\s*;/g, ";");
//清除连续分号
    s
= s.replace(/\,[\s\.\#\d]*{/g,
"{");
    s
= s.replace(/([^\s])\{([^\s])/g, "$1
{\n\t$2");
    s
= s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
    s
= s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
    return

s;
}

25. 压缩CSS样式代码

?
1
2
3
4
5
6
7
8
function

compressCss (s) {//压缩代码
    s
= s.replace(/\/\*(.|\n)*?\*\//g,
""); //删除注释
    s
= s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    s
= s.replace(/\,[\s\.\#\d]*\{/g,
"{"); //容错处理
    s
= s.replace(/;\s*;/g, ";");
//清除连续分号
    s
= s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
    return

(s == null)
? ""

: s[1];
}

26. 获取当前路径

?
1
2
3
4
5
6
var

currentPageUrl = "";
if

(typeof

this.href
=== "undefined")
{
    currentPageUrl
= document.location.toString().toLowerCase();
}else

{
    currentPageUrl
= this.href.toString().toLowerCase();
}

27. 判断是否移动设备

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function

isMobile(){
    if

(typeof

this._isMobile
=== 'boolean'){
        return

this._isMobile;
    }
    var

screenWidth = this.getScreenWidth();
    var

fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport;
    var

fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
"new");
    if(!fixViewPortsExperiment){
        if(!this.isAppleMobileDevice()){
            screenWidth
= screenWidth/window.devicePixelRatio;
        }
    }
    var

isMobileScreenSize = screenWidth < 600;
    var

isMobileUserAgent = false;
    this._isMobile
= isMobileScreenSize && this.isTouchScreen();
    return

this._isMobile;
}

28. 判断是否移动设备访问

?
1
2
3
function

isMobileUserAgent(){
    return

(/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
}

29. 判断是否苹果移动设备访问

?
1
2
3
function

isAppleMobileDevice(){
    return

(/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
}

30. 判断是否安卓移动设备访问

?
1
2
3
function

isAndroidMobileDevice(){
    return

(/android/i.test(navigator.userAgent.toLowerCase()));
}

31. 判断是否Touch屏幕

?
1
2
3
function

isTouchScreen(){
    return

(('ontouchstart'

in
window) || window.DocumentTouch && document instanceof

DocumentTouch);
}

32. 判断是否打开视窗

?
1
2
3
function

isViewportOpen() {
    return

!!document.getElementById('wixMobileViewport');
}

33. 获取移动设备初始化大小

?
1
2
3
4
5
6
7
8
9
10
function

getInitZoom(){
    if(!this._initZoom){
        var

screenWidth = Math.min(screen.height, screen.width);
        if(this.isAndroidMobileDevice()
&& !this.isNewChromeOnAndroid()){
            screenWidth
= screenWidth/window.devicePixelRatio;
        }
            this._initZoom
= screenWidth /document.body.offsetWidth;
        }
    return

this._initZoom;
}

34. 获取移动设备最大化大小

?
1
2
3
4
5
6
7
8
9
10
11
12
13
function

getZoom(){
    var

screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
    if(this.isAndroidMobileDevice()
&& !this.isNewChromeOnAndroid()){
        screenWidth
= screenWidth/window.devicePixelRatio;
    }
    var

FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    var

FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment ===
"New"

|| FixViewPortsExperiment === "new");
    if(FixViewPortsExperimentRunning){
        return

screenWidth / window.innerWidth;
    }else{
        return

screenWidth / document.body.offsetWidth;
    }
}

35. 获取移动设备屏幕宽度

?
1
2
3
4
5
6
7
8
9
10
11
function

getScreenWidth(){
    var

smallerSide = Math.min(screen.width, screen.height);
    var

fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    var

fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
"new");
    if(fixViewPortsExperiment){
        if(this.isAndroidMobileDevice()
&& !this.isNewChromeOnAndroid()){
            smallerSide
= smallerSide/window.devicePixelRatio;
        }
    }
    return

smallerSide;
}

36. 完美判断是否为网址

?
1
2
3
4
5
6
7
8
function

IsURL(strUrl) {
    var

regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i
    if

(regular.test(strUrl)) {
        return

true;
    }else

{
        return

false;
    }
}

JavaScript学习总结（9）——JS常用函数（一）的更多相关文章

  1. JavaScript的使用以及JS常用函数（JS 遍历数组和集合）

    JavaScript入门 学习总结 1. 什么是 JavaScript 2. JavaScript 的特点 3. JS的使用 编写位置 基本语法 变量 打印变量 数据类型 innerHTML和inne ...

  2. ecshop里提出来的js常用函数

    目录 Utils.js jquery.listTable.js 使用例子: ecshop里提出来的js常用函数 Utils.js /* $Id : utils.js 5052 2007-02-03 1 ...

  3. 总结js常用函数和常用技巧（持续更新）

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

  4. js常用函数和常用技巧

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

  5. Javascript学习记录——原生JS实现旋转木马特效

    昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个 ...

  6. JavaScript学习总结-技巧、有用函数、简洁方法、编程细节

    整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159 ...

  7. JavaScript学习总结-技巧、实用函数、简洁方法、编程细节

    整理JavaScript方面的一些技巧,比较实用的函数,常见功能实现方法,仅作参考 变量转换 var myVar = "3.14159", str = ""+ ...

  8. 性能测试学习第二天-----loadrunner常用函数大全及设置项

    常用函数大全: 1,C语言参数转web参数 lr_save_string("aaa","param"):将字符串“aaa”或者一个字符串变量,转变成LR的参数{ ...

  9. JavaScript学习总结（11）——JS常用函数（二）

    37. getElementsByClassName ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function getElementsByClassName( ...

随机推荐

  1. 在angular4.X里使用mCustomScrollbar滚动条插件

    参考网上的方法https://stackoverflow.com/questions/36755625/how-to-import-jquery-and-mcustomscrollbar-plugin ...

  2. Python学习笔记(3)--数据结构之列表list

    Python的数据结构有三种:列表.元组和字典 列表(list) 定义:list是处理一组有序项目的数据结构,是可变的数据结构. 初始化:[], [1, 3, 7], ['a', 'c'], [1, ...

  3. arcgis engine 获取高亮Feature、element

    转自原文 arcgis engine 获取高亮Feature.element IGraphicsContainer pGraphicsC =  mainAxMapControl.Map as IGra ...

  4. 书剑恩仇录online全套源代码（服务端+client+文档）

    书剑恩仇录online全套源代码(服务端+client+文档).vc++开发,解压后将近10G大小,眼下网上最完整版本号,包括client源代码.服务端源代码.工具源代码.sdk.文档-- <书 ...

  5. Design Pattern Adaptor 适配器设计模式

    适配器设计模式是为了要使用一个旧的接口,或许这个接口非常难用,或许是和新的更新的接口不兼容,所以须要设计一个适配器类,然后就能够让新旧的接口都统一. 就是这种一个图: watermark/2/text ...

  6. BZOJ1045: [HAOI2008]糖果传递&BZOJ1465: 糖果传递&BZOJ3293: [Cqoi2011]分金币

    [传送门:BZOJ1045&BZOJ1465&BZOJ3293] 简要题意: 给出n个数,每个数每次可以-1使得左边或者右边的数+1,代价为1,求出使得这n个数相等的最小代价 题解: ...

  7. git如何从远程非master分支更新到本地对应分支

    git如何从远程非master分支更新到本地对应分支 自己实例 正确步骤 如果本地有分支,那就删除本地分支 删除本地分支::git branch -d 2018_4_18_second 切换分支: g ...

  8. HDU 5371 Hotaru's problem Manacher+尺取法

    题意:给你一个序列,求最长的两段回文子串,要求他们共用中间的一半. 思路:利用Manacher求出p[i]表示的当前位置的最长回文串长度,然后把每一个长度大于等于2的回文串的左区间和右区间分别放到两个 ...

  9. xfce4 + docky ，docky 上面那透明的一条黑色横线去掉方法

    在安装完Debian 9 + xfce4桌面后 ,添加docky启动后,会在docky 上面有一条黑色横线看起来非常不舒服. 去掉方法:设置管理器->窗口管理器微调->合成器->取消 ...

  10. 织梦DedeCMS判断简略标题为空时则显示完整标题

    使用织梦DedeCMS系统程序开发网站中,我们会遇到很多因网页版面设计限定的宽度,使文章标题需要进行字数限制,通常做法是在a标签中加入一个title属性,让鼠标放上去的时候显示完整标题.但是标题被剪裁 ...