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