```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="按钮" id="btn"/>
<script type="text/javascript">
// 向任何标签添加任何一个事件
function addAnyEventListener(element, event, fn){
if(element.addEventListener){
element.addEventListener(event, fn, false);
console.log("A");
}else if (element.attachEvent){
element.attachEvent("on"+event, fn);
console.log("B");
}else {
element["on"+event] = fn;
console.log("C");
}
}
// 可以为标签移除任何一种事件
function removeAnyEventListener(element, eventType, fn) {
if (element.removeEventListener) {
element.removeEventListener(eventType, fn, false);
} else if (element.detachEvent) {
element.detachEvent('on' + eventType, fn);
} else {
element['on'+eventType] = null;
}
}
var btn = document.getElementById("btn");
addAnyEventListener(btn, "click", function(){
alert("成功绑定onclick事件");
})
removeAnyEventListener(btn, "click", function() {});
</script>
</body>
</html>
```
- js应用场景
- js组成
- js书写位置
- 浮点数精度问题
- undefined与null的区别
- 数据类型转换
- 运算符优先级
- 代码调试
- 函数
- 函数的定义和调用
- 函数的return细节
- 函数是一种数据类型
- this的指向
- 函数成员
- 函数闭包
- 作用域
- 预解析
- js对象
- 对象的创建与调用
- new关键字
- this关键字
- 构造函数创建对象
- 事件
- 数据类型
- 继承
- 杂项
- 如何阻止标签的默认行为
- 为一个标签绑定或移除任何一个事件
- 如何阻止事件的冒泡行为
- 事件的三个阶段
- 移动元素的条件
- 匀速动画函数封装
- 变速动画函数封装
- 获取元素的css属性值
- 数据类型判断方法
- 创建对象的7种写法
- 如何继承
- 为js内置对象添加原型函数
- 将局部变量转换为全局变量
- call函数的用法
- 沙箱
- 浅拷贝
- 深拷贝
- 对象赋值会改变对象
- 解析URL中的字符串
- 格式化日期
- 获取当前浏览器类型
- Vue3.x
- 调式工具Vue Devtools