jquery适配器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery适配器</title>
</head>
<body>
<script>
var A = A || {};
A.g = function(id) {
return document.getElementById(id);
}
A.on = function(id, type, fn) {
var dom = typeof id === 'String' ? this.g(id) : id;
if (dom.addEventListener) {
dom.addEventListener();
}
}
</script>
</body>
</html>
适配异类框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>适配异类框架</title>
</head>
<body>
<script>
var A = A || {};
A.g = function(id) {
return document.getElementById(id);
}
A.on = function(id, type, fn) {
var dom = typeof id === 'string' ? this.g(id) : id;
if (dom.addEventListener) {
dom.addEventListener(type, fn, false);
}
else if (dom.attachEvent) {
dom.attachEvent('on' + type, fn);
}
else {
dom['on' + type] = fn;
}
}
window.onload = function() {
A.on('myButton',
'click',
function() {
console.log('点击了!');
});
};
A.g = function(id) {
return $(id).get(0);
}
A.on = function(id, type, fn) {
var dom = typeof id === 'string' ? $('#' + id) : $(id);
dom.on(type, fn);
}
</script>
<button id="myButton">点击我</button>
</body>
</html>