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
欢迎关注我的微信公众号，里面有各种小故事哦！
坚持原创技术分享，您的支持将鼓励我继续创作！