<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"> …
事件：某件事件的发生 包含鼠标操作、键盘操作等 理解事件中的概念： 事件流：从页面接受事件的顺序 事件捕获 和 事件冒泡 事件捕获：不太具体的节点更早接受事件 而最具体的节点最后接受到事件 事件冒泡：事件最开始由最具体的元素 然后逐渐向上传播到不具体的元素 使用事件处理程序： HTML事件 DOM 0级事件处理程序 把一个函数赋值给一个事件处理程序…
第一种方式： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0…