【React工作记录四十二】获取页面的可视化高度和宽度

阅读 51

2023-05-12


 

目录

前言

导语

 解决思路

总结

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

歌谣 歌谣 我们需要获取页面的一个可视化宽度和高度怎么做呢

【React工作记录四十二】获取页面的可视化高度和宽度_ide

【React工作记录四十二】获取页面的可视化高度和宽度_ide_02编辑

 解决思路

<div>
    我是歌谣
  </div>
  <script>
// 获取展示内容宽度,去掉sider
 function getContentWidth () {
  const contentWidth = document.documentElement.clientWidth ||
 document.body.clientWidth;
  return contentWidth
};
// 获取展示内容高度
function getContentHeight () {
  const contentHeight = document.documentElement.clientHeight 
|| document.body.clientHeight;
  return contentHeight;
};
console.log("宽度"+getContentWidth())
console.log("高度"+getContentHeight())

【React工作记录四十二】获取页面的可视化高度和宽度_ide_03

总结

最好的种树是十年前 其次是现在 欢迎一起学习与交流


精彩评论(0)

0 0 举报