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