标签：tao gre get tab div href 显示 tps cal
1 <!DOCTYPE html> 2 <!--这里lang=en 所以打开谷歌浏览器的时候右上角会提示翻译 3 en:英文 4 zh:中文 5 zh-CN：简体中文--> 6 <html lang="en"> 7 <head> 8 <meta charset="UTF-8"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <title>HTML全局属性</title> 11 <style> 12 #myBtn{ 13 color: green; 14 } 15 </style> 16 </head> 17 <body> 18 <div> 19 <h2>快捷键</h2> 20 <a href="http://www.baidu.com" accesskey="b">alt+b转到百度</a> 21 22 <h2>文字的方向</h2> 23 <div dir="ltr">从左往右</div> 24 <div dir="rtl">从右往左</div> 25 26 <h2>多个ID选择器只有第一个生效 顺便介绍data-*</h2> 27 <button id="myBtn" data-btn="1">第一个id为myBtn(点我弹出内容)</button> 28 <button id="myBtn" data-btn="2">第一个id为myBtn(点我没反映)</button> 29 30 <h2>tablindex规定元素的tab键顺序</h2> 31 <div> 32 <a href="https://www.baidu.com" tabindex="3">百度</a> 33 <a href="https://www.taobao.com" tabindex="2">阿里</a> 34 <a href="https://www.qq.com" tabindex="1">腾讯</a> 35 </div> 36 37 <h2>鼠标移动到上面显示内容</h2> 38 <h3 title="提示提示">鼠标移动到上面</h3> 39 40 <h2>可以在浏览器中编辑内容 </h2> 41 <div contenteditable>点击我进行内容编辑</div> 42 43 <h2>可拖动</h2> 44 <img draggable="true" src="https://p3.ssl.qhimg.com/t011e94f0b9ed8e66b0.png" alt=""> 45 </div> 46 </body> 47 <script> 48 window.onload = function(){ 49 document.getElementById("myBtn").onclick = function(e){ 50 alert(e.target.dataset.btn) 51 } 52 } 53 </script> 54 </html>
标签：tao gre get tab div href 显示 tps cal
原文地址：https://www.cnblogs.com/qianduan888/p/12329512.html
