// 一些常用的函数写法,可以作为参考
<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函数”提供了十个非常实用的函数示例,旨在提升开发效率。虽然描述中没有给出具体的函数内容,但我们可以基于常见的JavaScript功能来推测和解释这些函数可能涉及的知识点。 1. *...
本文将详细介绍十个最常见的自定义JavaScript函数及其应用,这些函数经过无数开发者的检验,成为了每个前端工程师工具箱中的必备利器。 #### 1. addEvent() - **功能概述**:`addEvent()` 是一个用于绑定事件监听...
下面将详细解释如何使用CallbackResult类来调用主页中的自定义JavaScript函数。 首先,理解CallbackResult的基本概念。CallbackResult是System.Web.UI命名空间中的一个类,它允许我们在服务器端执行某些操作后返回...
通过向上,向下,向下,向左,向右,向左,向右,按B,A,Enter键,将执行一个或多个自定义JavaScript函数。 例子 ES6 安装 npm install @gamingmedley/konami.js --save或 yarn add @gamingmedley/konami.js 添加...
在本讨论中,我们将深入探讨如何自定义`eval()`函数以提高代码的安全性和效率,同时也会涉及到JavaScript的动态执行特性以及其在实际开发中的应用。 首先,`eval()`的默认行为是将其接收到的字符串当作JavaScript...
比如,JavaScript中可能需要替换一个数组处理函数,保持其接受相同参数,但执行不同的操作。 5. **特定环境适应**:在特定环境下,如移动设备、嵌入式系统等,可能需要调整函数以适应资源限制。自定义函数可以针对...
在本文档中,我们将探讨如何在Eclipse环境中利用Spket插件进行JavaScript开发,并实现自定义JavaScript函数的自动提示功能。Spket是一个强大的JavaScript、HTML和CSS开发工具,它为开发者提供了诸如代码提示、语法...
通过上述几种方法,我们可以有效地将字符串作为参数传递给自定义的JavaScript函数。需要注意的是,在不同的场景下,选择合适的传递方式非常重要。例如,在DOM操作中使用`this`可以简化代码;而在复杂的字符串处理中...
标题中的"用JavaScript代码封装而成的函数库.zip"可能是指一个包含自定义JavaScript函数的集合,这些函数可能是为了实现特定功能或者提高开发效率而编写的。在JavaScript开发中,封装函数库是一种常见的做法,它可以...
### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言,它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展,开发者们常常会遇到需要频繁...
JavaScript中定义和使用自定义函数是该语言核心功能之一。自定义函数允许开发者封装逻辑,使其可复用且易于维护。以下是一些关键知识点。 一、定义方法 在JavaScript中,自定义函数通过使用function关键字定义。...
在网页开发中,自定义JavaScript弹出框组件是不可或缺的一部分,它允许开发者创建具有高度定制化功能的对话框,以满足各种用户交互需求。本文将深入探讨如何利用JavaScript实现这样的组件,包括其基本原理、设计思路...
这个资源包涵盖了JavaScript的基本语法、高级语法以及自定义函数的使用,对于学习和提升JavaScript技能非常有帮助。 **一、JavaScript基本语法** 1. **变量声明**:在JavaScript中,我们可以使用`var`、`let`或`...
1. **模块化和可复用的代码**:通过将函数作为值,可以创建可重用的函数库,比如用于排序数组的自定义比较函数: ```javascript var myarray = [6, 7, 9, 1, -1]; myarray.sort(function(a, b) { return a - b; })...
在实际项目中,我们经常会遇到需要扩展Vue的功能,这时候自定义函数库就显得尤为重要。本篇文章将深入探讨如何在Vue中创建和使用自定义函数库,以提升开发效率和代码复用性。 首先,我们要理解Vue的插件机制。Vue...
当我们自定义构造函数时,我们实际上是在创建一个能初始化新对象并为其添加属性的函数。例如: ```javascript function Rectangle(w, h) { this.width = w; this.height = h; } ``` 在这个`Rectangle`构造函数中...
ChkInputs是一个支持多浏览器,方便,高效率,超轻巧的Web客户端统一验证JavaScript函数库组件。所支持的浏览器包括IE、Firefox、Opera、傲游、腾讯、KylinBrowser、世界之窗等各种浏览器。 更新地址: ...
在各种编程语言中,如Python、Java、C++或JavaScript,都可以创建自定义函数。例如,在Python中,我们可以通过`def`关键字定义一个函数: ```python def my_function(param1, param2): # 函数体 result = param1 ...