自定义JavaScript函数集锦:常见操作与 cookie 管理

0 下载量 106 浏览量 更新于2024-09-02 收藏 35KB PDF 举报
本文档分享了一位开发者精心封装的JavaScript函数集合,主要包括处理cookie、事件管理和通过类名选择元素等功能,旨在简化常见的前端开发任务。以下是对这些核心知识点的详细解析: 1. **Cookie操作** - `setCookie(name, value, iDay)`:这是一个用于设置cookie的函数,接受三个参数:cookie的名称、值以及有效期(可选)。如果提供了有效期(iDay),则将设置一个在指定日期后过期的cookie;如果没有提供,则设置一个没有过期限制的临时cookie。`document.cookie`对象被用来管理浏览器中的cookie。 2. `getCookie(name)`:此函数用于获取指定名称的cookie值。它遍历`document.cookie`,查找匹配的cookie,并返回相应的值。如果没有找到,返回空字符串。 3. `removeCookie(name)`:这个函数用于删除指定名称的cookie。它通过调用`setCookie`函数,设置一个过期日期为负一天的cookie来达到删除的效果。 4. **事件处理** - `myAddEvent(obj, ev, fn)` 和 `myDelEvent(obj, ev, fn)`:这两个函数分别用于向DOM对象添加和移除事件监听器。它们支持IE的`attachEvent`方法和现代浏览器的`addEventListener`方法,确保了兼容性。第一个函数用于绑定事件,第二个用于解绑事件。 5. `getByClass(oParent, sClass)`:这是一个查找并返回所有指定类名的DOM元素的函数。它使用`getElementsByTagName('*')`获取oParent的所有子元素,然后使用正则表达式检查每个元素的class属性是否包含给定的`sClass`,如果匹配则将该元素添加到结果数组中。 这些封装好的函数集合大大简化了前端开发过程中的常见任务,提高了代码的复用性和可维护性。使用时,只需导入或复制这些函数到项目中,就可以方便地进行cookie操作、事件绑定和元素筛选等操作,节省了大量的时间。对于学习JavaScript或从事前端开发的人员来说,这是一个实用且有价值的资源。