原生js兼容性问题
来源:互联网 发布:租人软件app 编辑:程序博客网 时间:2024/06/16 11:47
备注:兼容性问题整理
- 滚动条:
document.documentElement.scrollTop||document.body.scrollTop
2)获取样式兼容
function getStyle(dom, styleName){
return dom.currentStyle?
dom.currentStyle[styleName]
getComputedStyle(dom)[styleName];
}
3)网页可视区域兼容
window.innerHeight || document.documentElement.clientHeight
window.innerWidth || document.documentElement.clientWidth
4)事件对象兼容
evt = evt || window.event;
5)阻止事件冒泡兼容
event.stopPropagation?
event.stopPropagation():event.cancelBubble=true;
6)阻止默认行为兼容
evt.preventDefault?evt.preventDefault():evt.returnValue=false;
7)事件监听兼容
if(document.all){
dom.attactEvent(“onclick”, fn);
} else {
dom.addEventListener(“click”, fn);
}
8)事件目标对象兼容
var t = event.target || event.srcElement;
9 )Ajax创建XMLHttpRequest对象兼容写法:
var http;
if(window.XMLHttpRequest){
http = new XMLHttpRequest();
}else {
http = new ActiveXObject("Microsoft.XMLHTTP");
if(window.XMLHttpRequest){
http = new XMLHttpRequest();
}else {
http = new ActiveXObject("Microsoft.XMLHTTP");
}
10)target兼容写法
content.onclick = function (e) {
e = e || window.event;
var t = e.target || e.srcElement;
if(t.nodeName.toLowerCase() == "button" ){
var x = t.parentNode.previousSibling.previousSibling.childNodes[1].textContent;
alert(x + "加入了购物车");
}
}
e = e || window.event;
var t = e.target || e.srcElement;
if(t.nodeName.toLowerCase() == "button" ){
var x = t.parentNode.previousSibling.previousSibling.childNodes[1].textContent;
alert(x + "加入了购物车");
}
}
0 0
- 原生js兼容性问题
- 一些原生js处理的兼容性问题解决方法(自己)
- js兼容性问题
- js兼容性问题
- Js兼容性问题
- js兼容性问题
- 原生JS
- 原生js
- JS原生
- 原生JS
- js浏览器兼容性问题
- js的兼容性问题
- 浏览器兼容性问题-JS&DOM
- 浏览器兼容性问题-JS&DOM
- js浏览器兼容性问题
- 浏览器兼容性问题-JS&DOM
- js一些常见兼容性问题
- js的兼容性问题
- Codeforces 471D MUH and Cube Walls【思维+KMP】
- css基础学习---表单学习
- C++学习笔记 lesson2 类和对象
- 卡片布局
- 11期 1月期刊自荐
- 原生js兼容性问题
- androidstudio 导入别人demo报错
- OFDM系统的关键技术及分析
- 报错unrecognized windows sockets error:0:JVM_Bind
- DoubleLockedQueue
- eclipse快捷键
- 从零开始学设计模式--模式思维导图(持续更新中)
- MySQL远程访问配置
- Android Styler插件