html我们应该知道的

document.documentElement

html页面按大小排序:

  1. window:整个浏览器窗口,包含工具栏、菜单栏…
  2. document:整个html,包含<DOCTYPE>
  3. html:根节点,document.documentElement就是html节点
  4. body: 页面主体

然后有这样一个问题:如何获取如图的高度?

高度
这样获取:

1
2
document.documentElement.clientHeight;
//document.documentElement.offsetHeight不可以,有时候会出错

调试鼠标hover时提示框的样式

我们经常需要设计提示框,在hover时浮现,但是如何在控制台调试这个提示框的样式呢,每次鼠标移开提示框就消失,不胜其烦,这儿有个小技巧

  1. 在提示框上右键检查,找到对应的dominspect
  2. 添加dom断点给node removal:debugger

然后就可以在断点阻塞到提示框显示的时候开心的调试样式了

在location中传递中文参数

传递的时候:

1
location.href = window.encodeURI(url + '?key=你妹');

获取的时候:

1
2
let search = window.decodeURI(location.search);
// 结果是 ?key=你妹

堂 wechat
欢迎关注我的微信公众号,里面有各种小故事哦!
坚持原创技术分享,您的支持将鼓励我继续创作!