1 .获取后一个兄弟节点的兼容写法

 var nextElement=oLi3.nextElementSibling||oLi3.nextSibling;

2. 获取前一个兄弟节点兼容写法

 var previousElement = oLi3.previousElementSibling || oLi3.previousSibling;

3. childNodes的兼容使用

 function getChildNodes(ele) {
 //1.定义一个空的数组
 var arr = [];
 //2.获取指定元素
 var oEle = document.querySelector(ele);
 //3.将元素下边的所有儿子拿到
 for (var i = 0; i < oEle.childNodes.length; i++) {
 //4.变量判断真的儿子(元素节点nodeType==1)
 if (oEle.childNodes[i].nodeType == 1) {
 //5.将真儿子添加到数组里
                arr.push(oEle.childNodes[i])
 }
 }
 //6.返回数组
 return arr;
 }

4.拿到第一个儿子

 var No1 = oBox.firstElementChild || oBox.firstChild;

5.拿到最后 个儿子

 var oLast = oBox.lastElementChild || oBox.lastChild;

6.事件目标对象兼容

 var t = event.target || event.srcElement;

滚动条的兼容写法

一 简单兼容写法

    document.documentElement.scrollTop||document.body.scrollTop

二 高级兼容写法

 function myScroll() {
 //  ie9以上, google,火狐都能用
 if (window.pageXOffset != undefined) {
 return {
 "left": window.pageXOffset,
 "top": window.pageYOffset
 }
 } else if (document.compatMode == "CSS1Compat") {
 // 标准 DTD (有声明头)
 return {
 "left": document.documentElement.scrollLeft,
 "top": document.documentElement.scrollTop
 }
 }
 // 非标准 没有 DTD (没有声明头)
 return {
 "left": document.body.scrollLeft,
 "top": document.body.scrollTop
 }
 }

html5的新标签在 ie 6 7 8 下有兼容问题,解决原理是 动态创建标签 document.createElement,我可以是快速使用html5shiv插件

事件对象的兼容写法

 var e=evt||window.event;

键盘事件

 var keyCode = e.keyCode || e.which;

获取样式的兼容写法

 function getStyle(obj, attr) {
 // 非ie,google,火狐
 if (window.getComputedStyle) {
 return window.getComputedStyle(obj, null)[attr];
 }
 //ie 6 8 9
 return obj.currentStyle[attr];
 }

阻止冒泡的兼容

 if (e.stopPropagation) {
        e.stopPropagation();
 } else {
        e.cancelBubble = true;
 }

阻止默认行为

 if (e.preventDefault) {
        e.preventDefault()
 } else {
        e.returnValue = false;
 }

事件监听的兼容写法

    oBtn.addEventListener("click", function () {
 alert("长沙千锋老罗最帅");
 }, {
        once: true, // 只能被点一次
        useCapture: true // true||false
 })
 
 //obj 给指定的元素添加事件
 //type 事件的类型(click,mouseenter..)
 //fn 函数名称
 //useCapTure 捕获还是冒泡
 
 function addEvent(obj, type, fn, useCapTure) {
 if (obj.addEventListener) {
            obj.addEventListener(type, fn, useCapTure)
 } else {
            obj.attachEvent("on" + type, fn)
 }
 }

事件监听移除兼容写法

 function removeEvent(obj, type, fn, useCapTure) {
 if (obj.removeEventListener) {
            obj.removeEventListener(type, fn, useCapTure);
 } else {
            obj.detachEvent("on" + type, fn);
 }
 }
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

avatar AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..

avatar AI Agent技术社区
cover

2025年8月SCI-炭黑四角蜂优化算法 Tetragonula carbonaria Optimization Algorithm-附Matlab免费代码

avatar AI Agent技术社区