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 表单事件
JavaScript 三元运算符
1. var score = 61 2. var result 3. 4. // 三元运算符 5. // 格式 判断条件?‘值1’:'值2' 6. // 如果条件成立 执行值1 7. // 如果条件不成立 执行值2 8. result = score...
JavaScript 通过循环监听事件
1. div{ 2. width: 50px; 3. height: 200px; 4. border: 1px solid blue; 5. float: left; 6. } 1. <body> 2. <div data-note="1"></div> 3. <div data-note="2"></div>...
JavaScript 自定义事件
1. <body> 2. <div></div> 3. <script> 4. // 创建自定义事件 5. var customEvent =document.createEvent('CustomEvent') 6. 7. // 初始化自定义事件 8. customEvent.in...
JavaScript 模拟鼠标事件
1. div{ 2. width: 300px; 3. height: 50px; 4. background-color: red; 5. color: white; 6. } 1. <body> 2. <div> 3. 这个DIV可以点击 4. 点击键盘时会虚拟一个鼠标点...
JavaScript 模拟键盘事件
1. div{ 2. width: 300px; 3. height: 50px; 4. background-color: red; 5. color: white; 6. } 1. <body> 2. <div> 3. 这个DIV可以点击 4. 点击时会触发一个键盘事件 5...
JavaScript URL和相对路径、URL编码
1. <body> 2. <!--URL Uniform Resource Locator,统一资源定位符--> 3. <a href="https://www.baidu.com/s?word=%E7%99%BE%E5%BA%A6%E7%99%BE%E7%A7%91&tn=50000021_ha...
window对象 历史记录
写三个页面实现点击按钮前进后退等 页面一： 1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="UTF-8"> 5. <meta name="viewport" content="width=device-wid...
JavaScript window对象
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...
window对象 Navigator
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...