js获取iframe中页面高度和宽度，获取iframe页面元素

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

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

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

3、顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。传统做法大致有两个：方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。

4、简单点可以通过jquery来实现 scrollTop(offset) 方法返回或设置匹配元素的滚动条的垂直位置。offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

5、(body).append(height： + $(document).height() + br/)；(body).append(width： + $(document).width())；浏览器运行index.html页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

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

相关问答

Q1: 给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度?

由于A和main页面同域，所以可以修改main的dom节点属性，从而达到我们设置iframe标签高度的目的。

iframe src=default.html id=mainweb name=mainweb width=100% height=100% frameborder=0onLoad=iFrameHeight() /iframe。script type=text/javascript language=javascript。

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

首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。

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

缺省值由浏览器决定 o align -- 垂直或水平对齐方式 o height -- 框架的高度 o width -- 框架的宽度 下面的例子返回了对 IFRAME 包含的文档的 all 集合的引用。

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

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

我们需要设置src，即我们需要引用的页面的地址。

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

Q3: 怎么让iframe自适应高度

1、让iframe自适应浏览器的高度和宽度的具体步骤如下：首先设置样式：body{margin：0； padding：0；}。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。

2、script language=javascript//输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如： [myframe1， myframe2]，可以只有一个窗体，则不用逗号。

3、方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。

4、其次，设置iframe的高度和宽度有以下几种方法 iframe元素标记可以使用宽度和高度属性。width= height= 你可以使用css来定义宽度和高度 style= 三。

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

Q4: js中怎么获取当前屏幕宽度?

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

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

屏幕可用工作区宽度：window.screen.availWidth HTML精确定位：scrollLeft，scrollWidth，clientWidth，offsetWidth scrollHeight： 获取对象的滚动高度。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。

用jquery方法$(body).width()。保证一样。

Q5: 如何根据iframe内嵌页面调整iframe高宽续篇

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

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

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

4、script language=javascript//输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如： [myframe1， myframe2]，可以只有一个窗体，则不用逗号。

5、通过设置页面viewport，由于是iframe里面的，设置的是会失效。

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