<!doctype html> <html> <head> <meta charset="utf-8"> <title>DOM属性节点</title> <style> .red-text{ color: red; font-size: 40px; font-weight: bold; } .kaiti-t...
最新博文
DOM节点 - 属性节点
获取页面标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
尺寸和位置
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
使用JavaScript实现背景颜色的替换
第一种方式： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JavaScript 事件、事件流
事件：某件事件的发生 包含鼠标操作、键盘操作等 理解事件中的概念： 事件流：从页面接受事件的顺序 事件捕获 和 事件冒泡 事件捕获：不太具体的节点更早接受事件 而最...
JavaScript事件传播控制
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
JavaScript页面load事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
JavaScript onunload事件
// 强制刷新 转到其他页面 关闭页面时显示 // chrome 会显示提示信息 // 按钮是浏览器自带的 window.onbeforeunload =function(){ return '您的数据还没有保存' } // 下...
JavaScript 鼠标事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
JavaScript 键盘事件
onkeyup 按键弹起 onkeypress 按键按下并弹起 onkeydown 按键按下时触发 window.onkeydown =function(e){ console.log(e) console.log(e.key) console.log(e.keyCode) c...