div{ width: 300px; height: 50px; background-color: red; color: white; } <body> <div> 这个DIV可以点击 <br> 点击时会触发一个键盘事件 <…
div{ width: 300px; height: 50px; background-color: red; color: white; } <body> <div> 这个DIV可以点击 <br> 点击键盘时会虚拟一个鼠标点击事件 …
<body> <div></div> <script> …
div{ width: 50px; height: 200px; border: 1px solid blue; float: left; } <body> <div data-note="1"></div> <div data-note="2…
var score = 61 var result // 三元运算符 // 格式 判断条件?‘值1’:'值2' // 如果条件成立 执行值1 // 如果条件不成立 执行值2 result = score >= 60?'及格':'不及格' 上述条件相当于下面 // if(score >= 60){ // …
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
onkeyup 按键弹起 onkeypress 按键按下并弹起 onkeydown 按键按下时触发 window.onkeydown =function(e){ console.log(e) console.log(e.key) console.log(e.keyCode) console.log(e.ctrlKey…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
// 强制刷新 转到其他页面 关闭页面时显示 // chrome 会显示提示信息 // 按钮是浏览器自带的 window.onbeforeunload =function(){ return '您的数据还没有保存' } // 下面写法无效 window.addEventListener('beforeunload',function(){ …
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …