`
chinahotdog
  • 浏览: 12801 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

自定义javascript函数

阅读更多

// 一些常用的函数写法,可以作为参考

<script type="text/javascript">
    // 定义 trim函数
    function trim(ostr) {
        return ostr.replace(/^\s+|\s+$/g, "");
    }
    // 定义类型判断函数
    function isNumber(s) {
        return !isNaN(s);
    }
    function isString(s) {
        return typeof s == "string";
    }
    function isBoolean(s) {
        return typeof s == "boolean";
    }
    function isFunction(s) {
        return typeof s == "function";
    }
    function isNull(s) {
        return s == null;
    }
    function isUndefined(s) {
        return typeof s == "undefined";
    }
    function isEmpty(s) {
        return /^\s*$/.test(s);
    }
    function isArray(s) {
        return s instanceof Array;
    }
    // 定义 get 和$函数
    function get(node) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        return node;
    }
    function $(node) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        return node;
    }
    // 定义 getElementsByClassName 函数
    function getElementsByClassName(str, root, tag) {
        if (root) {
            root = typeof root == "string" ? document.getElementById(root) : root;
        } else {
            root = document.body;
        }
        tag = tag || "*";
        var els = root.getElementsByTagName(tag),arr = [];
        for (var i = 0,n = els.length; i < n; i++) {
            for (var j = 0,k = els[i].className.split(" "),l = k.length; j < l; j++) {
                if (k[j] == str) {
                    arr.push(els[i]);
                    break;
                }
            }
        }
        return arr;
    }
</script>

 

======================使用命名空间===========================

<script type="text/javascript">
    // 使用命名空间
    var GLOBAL = {};
    GLOBAL.namespace = function(str) {
        var arr = str.split("."),o = GLOBAL;
        for (i = (arr[0] == "GLOBAL") ? 1 : 0; i < arr.length; i++) {
            o[arr[i]] = o[arr[i]] || {};
            o = o[arr[i]];
        }
    }
    //Dom相关
    GLOBAL.namespace("Dom");
    GLOBAL.Dom.getNextNode = function(node) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        var nextNode = node.nextSibling;
        if (!nextNode) return null;
        if (!document.all) {
            while (true) {
                if (nextNode.nodeType == 1) {
                    break;
                } else {
                    if (nextNode.nextSibling) {
                        nextNode = nextNode.nextSibling;
                    } else {
                        break;
                    }
                }
            }
        }
        return nextNode;
    };
    GLOBAL.Dom.setOpacity = function(node, level) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        if (document.all) {
            node.style.filter = 'alpha(opacity=' + level + ')';
        } else {
            node.style.opacity = level / 100;
        }
    }
    GLOBAL.Dom.get = function(node) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        return node;
    }
    GLOBAL.Dom.getElementsByClassName = function(str, root, tag) {
        if (root) {
            root = typeof root == "string" ? document.getElementById(root) : root;
        } else {
            root = document.body;
        }
        tag = tag || "*";
        var els = root.getElementsByTagName(tag),arr = [];
        for (var i = 0,n = els.length; i < n; i++) {
            for (var j = 0,k = els[i].className.split(" "),l = k.length; j < l; j++) {
                if (k[j] == str) {
                    arr.push(els[i]);
                    break;
                }
            }
        }
        return arr;
    }
    //Event相关
    GLOBAL.namespace("Event");
    GLOBAL.Eevent.getEventTarget = function(e) {
        e = window.event || e;
        return e.srcElement || e.target;
    }
    GLOBAL.Event.stopPropagation = function(e) {
        e = window.event || e;
        if (document.all) {
            e.cancelBubble = true;
        } else {
            e.stopPropagation();
        }
    }
    GLOBAL.Event.on = function(node, eventType, handler) {
        node = typeof node == "string" ? document.getElementById(node) : node;
        if (document.all) {
            node.attachEvent("on" + eventType, handler);
        } else {
            node.addEventListener(eventType, handler, false);
        }
    }

    //Lang相关
    GLOBAL.namespace("Lang");
    GLOBAL.Lang.trim = function(ostr) {
        return ostr.replace(/^\s+|\s+$/g, "");
    }
    GLOBAL.Lang.isNumber = function(s) {
        return !isNaN(s);
    }
    GLOBAL.Lang.extend = function(subClass, superClass) {
        var F = function() {
        };
        F.prototype = superClass.prototype;
        subClass.prototype = new F();
        subClass.prototype.constructor = subClass;
        subClass.superclass = superClass.prototype;
        if (superClass.prototype.constructor == Object.prototype.constructor) {
            superClass.prototype.constructor = superClass;
        }
    }

</script>

分享到:
评论

相关推荐

    10个常用自定义JavaScript函数

    这篇博客“10个常用自定义JavaScript函数”提供了十个非常实用的函数示例,旨在提升开发效率。虽然描述中没有给出具体的函数内容,但我们可以基于常见的JavaScript功能来推测和解释这些函数可能涉及的知识点。 1. *...

    最常用的10个javascript自定义函数(english)

    本文将详细介绍十个最常见的自定义JavaScript函数及其应用,这些函数经过无数开发者的检验,成为了每个前端工程师工具箱中的必备利器。 #### 1. addEvent() - **功能概述**:`addEvent()` 是一个用于绑定事件监听...

    cs类中如何用callbackReslt类调用主页中的自定义的JavaScript函数

    下面将详细解释如何使用CallbackResult类来调用主页中的自定义JavaScript函数。 首先,理解CallbackResult的基本概念。CallbackResult是System.Web.UI命名空间中的一个类,它允许我们在服务器端执行某些操作后返回...

    konami-js:Konami.js是一个ES6 JavaScript实例,允许Web开发人员在其网页上实现Konami代码。 通过向上,向上,向下,向下,向左,向右,向左,向右,B,A,Enter键,将执行一个或多个自定义JavaScript函数

    通过向上,向下,向下,向左,向右,向左,向右,按B,A,Enter键,将执行一个或多个自定义JavaScript函数。 例子 ES6 安装 npm install @gamingmedley/konami.js --save或 yarn add @gamingmedley/konami.js 添加...

    javascript 自定义eval函数实现

    在本讨论中,我们将深入探讨如何自定义`eval()`函数以提高代码的安全性和效率,同时也会涉及到JavaScript的动态执行特性以及其在实际开发中的应用。 首先,`eval()`的默认行为是将其接收到的字符串当作JavaScript...

    自定义函数替换现有函数

    比如,JavaScript中可能需要替换一个数组处理函数,保持其接受相同参数,但执行不同的操作。 5. **特定环境适应**:在特定环境下,如移动设备、嵌入式系统等,可能需要调整函数以适应资源限制。自定义函数可以针对...

    Eclipse下javascript开发spket插件实现自定义js的自动提示.pdf

    在本文档中,我们将探讨如何在Eclipse环境中利用Spket插件进行JavaScript开发,并实现自定义JavaScript函数的自动提示功能。Spket是一个强大的JavaScript、HTML和CSS开发工具,它为开发者提供了诸如代码提示、语法...

    javascript自定义函数参数传递为字符串格式.docx

    通过上述几种方法,我们可以有效地将字符串作为参数传递给自定义的JavaScript函数。需要注意的是,在不同的场景下,选择合适的传递方式非常重要。例如,在DOM操作中使用`this`可以简化代码;而在复杂的字符串处理中...

    用JavaScript代码封装而成的函数库.zip

    标题中的"用JavaScript代码封装而成的函数库.zip"可能是指一个包含自定义JavaScript函数的集合,这些函数可能是为了实现特定功能或者提高开发效率而编写的。在JavaScript开发中,封装函数库是一种常见的做法,它可以...

    javascript十个最常用的自定义函数.pdf

    ### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言,它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展,开发者们常常会遇到需要频繁...

    详解JavaScript自定义函数

    JavaScript中定义和使用自定义函数是该语言核心功能之一。自定义函数允许开发者封装逻辑,使其可复用且易于维护。以下是一些关键知识点。 一、定义方法 在JavaScript中,自定义函数通过使用function关键字定义。...

    自定义JavaScript弹出框组件

    在网页开发中,自定义JavaScript弹出框组件是不可或缺的一部分,它允许开发者创建具有高度定制化功能的对话框,以满足各种用户交互需求。本文将深入探讨如何利用JavaScript实现这样的组件,包括其基本原理、设计思路...

    JavaScript 基本语法 高级语法 自定义函数下载

    这个资源包涵盖了JavaScript的基本语法、高级语法以及自定义函数的使用,对于学习和提升JavaScript技能非常有帮助。 **一、JavaScript基本语法** 1. **变量声明**:在JavaScript中,我们可以使用`var`、`let`或`...

    javascript 函数式编程

    1. **模块化和可复用的代码**:通过将函数作为值,可以创建可重用的函数库,比如用于排序数组的自定义比较函数: ```javascript var myarray = [6, 7, 9, 1, -1]; myarray.sort(function(a, b) { return a - b; })...

    vue 自定义函数库总结

    在实际项目中,我们经常会遇到需要扩展Vue的功能,这时候自定义函数库就显得尤为重要。本篇文章将深入探讨如何在Vue中创建和使用自定义函数库,以提升开发效率和代码复用性。 首先,我们要理解Vue的插件机制。Vue...

    基于JavaScript自定义构造函数的详解说明

    当我们自定义构造函数时,我们实际上是在创建一个能初始化新对象并为其添加属性的函数。例如: ```javascript function Rectangle(w, h) { this.width = w; this.height = h; } ``` 在这个`Rectangle`构造函数中...

    基于自定义属性的客户端统一验证JavaScript函数库(ChkInputs)

    ChkInputs是一个支持多浏览器,方便,高效率,超轻巧的Web客户端统一验证JavaScript函数库组件。所支持的浏览器包括IE、Firefox、Opera、傲游、腾讯、KylinBrowser、世界之窗等各种浏览器。 更新地址: ...

    第7章 自定义函数

    在各种编程语言中,如Python、Java、C++或JavaScript,都可以创建自定义函数。例如,在Python中,我们可以通过`def`关键字定义一个函数: ```python def my_function(param1, param2): # 函数体 result = param1 ...

Global site tag (gtag.js) - Google Analytics