rem
rem是根据根元素(html)的fontsize来决定的代码实现<script> var ww = window.innerWidth/10 // var html = document.documentElement var html = document.getElementsByTagName('html')[0] html.style.fontSize = ww + 'px' window.onresize = function(){ var ww = window.innerWidth/10 + 'px' html.style.fontSize = ww}</script>
px --绝对单位rem --相对单位em --相对单位 相对于父元素的font-size而言的%vm --100vwvw --屏幕等分为100等分
onchange
onchange事件只有输入框的内容发生改变的时候,onchange事件才会触发
键盘相关事件
onkeydown 用户按下键盘的时候触发onkeypress 在键盘按键按下并释放一个键时触发onkeyup 键盘松开时触发keyCode == 13按的是Enter键
内联事件
<button onclick="go()">btn</button><script> function go(){ console.log("hello world")}</script>
自定义属性
必须要在前面加data- <div id="test" data-aid="123">div</div> <script> var test = document.getElementById('test') test.onclick = function(event){ console.log(event); //获取自定义属性值 console.log(event.target.dataset); }
cmd
第一种方式window+r 输入cmd 回车E: 进入E盘cd + 文件路径第二种方式鼠标右键 gitbash第三种方式vscode