jquery获取iframe高度，js获取iframe高度

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

js如何获取iframe滚动条的高度和宽度急求!!!

思路：通过创建一个元素，不要给元素设置边框，然后给元素设置overflowY：scroll，再根据元素的offsetWidth-clientWidth来计算滚动条宽度。

function iFrameHeight() {。var ifm= document.getElementById(mainweb)；。var subWeb = document.frames ？ document.frames[mainweb].document ：。ifm.contentDocument；。

在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。

相关问答

Q1: Js获取Iframe页面高度,并将高度赋值给Iframe

1、采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。

2、在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。

3、请在IE或火狐下调试以下代码，由于Chrome（谷歌）的iframe机制，不能在本地运行和iframe相关的js，需要架设到服务器或IIS上才有效果。

4、} /script body里面加上：onload=screeChange()注意一定要在body里面或者它的后面初始化，不然获取不到内容高度。

5、dyniframesize)；elsewindow.onload=dyniframesize；/script打开调试运行窗口可以看到运行。·跨域下的iframe自适应高度跨域的时候，由于js的同源策略，父页面内的js不能获取到iframe页面的高度。需要一个页面来做代理。

6、如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢？答案是肯定的。

Q2: 怎么让iframe自适应浏览器的高度和宽度

1、解决方法iframe元素本身并无法伸缩，除非通过js显示的设置其宽度。

3、html的代码如下，其中有2个div，一个宽度是200px。另一个div里有个Iframe，不论我怎么设置样式都不能让这个Iframe的宽度自动达到100%，只能设置个定值。现在默认的Iframe宽度和高度都很小，大概只有200px。

4、在一个文件夹中创建两个HTML文件，一个“index”和一个“iframe”。将iframe标记添加到索引中，并将其直接嵌入到iframe页面中。将两个具有固定高度的div内容添加到iframe页面。

Q3: 如何获取iframe里面iframe的高度

function iFrameHeight() {。var ifm= document.getElementById(mainweb)；。var subWeb = document.frames ？ document.frames[mainweb].document ：。ifm.contentDocument；。

在父窗体中访问并控制子窗体中的对象在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。

} /script body里面加上：onload=screeChange()注意一定要在body里面或者它的后面初始化，不然获取不到内容高度。

如果不设置body的margin和padding为0的话，页面上下左右会出现空白。代码如下：iframe src=：//fulibac id=myiframe scrolling=no frameborder=0/iframe。

Q4: jquery.jqprint.js怎么设置iframe宽高

首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

思路是js控制iframe自适应高度，因为iframe本身并不能自适应高度，只有写死高度才行，所以要用js判断整个页面内容的高度。

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

Q5: html5框架iframe高度和宽度比例如何设置。

1、在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。

2、创建两个HTML文件在一个文件夹，一个“索引”和一个“iframe”。增强的iframe标记添加到索引，然后直接进入iframe嵌入页面。添加两个div标签内容与固定高度iframe页面。

3、HTML的frame框架自适应高度的6个方法：可以给它添加一个默认的CSS的min-height值，然后同时使用JavaScript改变高度。