前言

若依(ruoyi)： v4.3
360极速浏览器 12.0.1550.0 (正式版本) （32 位）
操作系统 Windows 10 OS Version 2004 (Build 19041.572)
JavaScript V8 7.8.279.23
jQuery v2.1.4

mainContent

下图红框部分是mainContent。

获取mainContent的宽高

mainContent 中嵌入了 iframe。mainContent 的 id 为 content-main。

<div class="row mainContent" id="content-main"><iframe class="office_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"th:src="@{/system/main}" frameborder="0" seamless></iframe>
</div>

获取 mainContent 的宽高分为两种情况：

如何在本页获取 mainContent 的宽高
如何在iframe框架内获取 mainContent 的宽高

这两种情况获取 mainContent 的宽高的代码差不多。先看看如何在本页获取 mainContent 的宽高，代码如下：

let mainContent = $('#content-main');
console.log('mainContent 的宽：{}', mainContent.width());
console.log('mainContent 的高：{}', mainContent.height());

在iframe框架内获取 mainContent 的宽高代码很类似，只需要提供一下context的指向，让context指向父页面的DOM（window.parent.document）。

let mainContent = $('#content-main', window.parent.document);
console.log('mainContent 的宽：{}', mainContent.width());
console.log('mainContent 的高：{}', mainContent.height());

参考

JS/jQuery–iframe框架内外元素的操作
父页面获取子页面DOM： window.frames['iframe-name'].document
子页面获取父页面的DOM： window.parent.document

【若依(ruoyi)】获取mainContent的宽高相关推荐

RT/Metro商店应用如何如何获取图片的宽高
RT/Metro商店应用如何如何获取图片的宽高 var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms ...
android 获取屏幕的宽高
今天,讲讲android如何获取屏幕的宽高. // 通过WindowManager获取 DisplayMetrics dm = new DisplayMetrics(); getWindowManag ...
前端js获取图片大小扩展名_前端 JS 获取 Image 图像宽高尺寸
前端 JS 获取 Image 图像宽高尺寸简介项目中用到获取图片的原始尺寸,然后适配宽高:网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸. 在 ...
php 获取图片的宽高,JS怎么获取图片当前宽高
JS获取图片当前的宽高,我们可以使用JavaScript clientWidth和clientHeight属性来实现获取.clientWidth.clientHeight属性表示获取图像的当前宽度和高 ...
jquery 判断是否是浮点数_jquery或者js获取到元素宽高精确到小数
首先我们应该知道用jQuery的width()方法获取元素的宽高及样式属性数值时,如果元素的属性是浮点数,会自动四舍五入成整数. 而如果我们就是想获取实际的带小数的属性数值时该用什么方法. 在使用获取 ...
jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...
php根据图片地址获取图片原始高宽,Js获取图片原始宽高的实现代码
如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...
获取浏览器视口宽高以及元素宽高
适用所有浏览器 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWid ...
微信小程序获取图片的宽高，以及如何获取手机设备的宽高？
如何在微信小程序中获取图片的宽高 ? 首先拿到图片的路径,相对/绝对路径都行,其次通过 wx.getImageInfo 获取到图片的宽高 wx.getImageInfo({src,success: f ...

【若依(ruoyi)】获取mainContent的宽高

前言

mainContent

获取mainContent的宽高

参考

【若依(ruoyi)】获取mainContent的宽高相关推荐

最新文章

热门文章