vue.js获取页面高度，vue获取当前页面高度

JS获取HTML页面的BODY的高度

1、然后创建一个点击按钮获取当前id的函数。保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。页面所有代码，如有不懂可把所有代码复制到新建的html文件上，然后修改引入的jquery文件即可。

2、页面信息：介绍HTML页面尺寸信息；如：body总的、展示的高度和宽度。一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。

3、要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

4、htmlheadtitlejs 获取div所填充内容的实际高度 /title/headbodydiv id=div1百度知道是一个基于搜索的互动式知识问答分享平台，于2005年6月21日发布，并于2005年11月8日转为正式版。

5、例如：index.html，并引入jquery。其次在index.html中的script标签，输入js代码：document.body.innerText = $(window).height()；浏览器运行index.html页面，此时会通过jquery获取到窗口高度“743”并打印出。

相关问答

Q1: 怎样实现Vue中mounted钩子函数获取节点高度

让他固定在屏幕上。问题是当我在mounted钩子函数中获取offsetTop的时候，在新开的页签中打开页面，会得到错误的offsetTop，但是在当前页面刷新，就不会有问题。

具体步骤如下所示：在父组件中，使用ref来获取子组件的DOM元素。在父组件的mounted生命周期钩子函数中，使用$nextTick方法等待子组件渲染完成后再设置父组件的滚动高度。

组件通过new Vue（）创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载，无法访问到数据和真实的dom，一般不做操作。

可以拿到节点和数据 常用实例被挂载后调用.注意： mounted 不会 保证所有的子组件也都一起被挂载。

Q2: js获取页面宽度和高度然后把值传给DIV

src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

修改div高度，可以直接给div的width赋值即可。

关于vue.js获取页面高度和vue获取当前页面高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。