js获取iframebody，js获取iframe中的dom 跨域

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

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

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

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

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

5、= null && subWeb ！= null) { ifm.height = subWeb.body.scrollHeight；} } /script 为了测试，iframe的height可以预先设置一个固定高度比如：height=200（也可以使用100%），iframe加载完，会自动调整页面大小。

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

相关问答

Q1: 关于javascript中获取body元素的问题?

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

2、通过元素的ID去拿元素，获取的是一个指定的元素（getElementById）。通过元素的类名（class名）获取元素，获取的是一组元素集合（getElementsByClassName）。

3、document.forms是一个包含页面所有表单的一个数组。 document.forms[0]就可以获取这个HTML页面里的第一个表单元素，你要取这个表单项的某个值就可以 document.forms[0].slvalue来获取。其实可以直接添加ID来获取。

4、DOCTYPE htmlhtmlhead meta http-equiv=content-type content=text/html charset=utf-8/headbodyp id=demo请点击按钮来获得 body 元素子节点的相关信息。

5、首先，你要在DOM文档加载完后，再执行js代码。

6、body里面没有文字也没有做任何设置，默认就是0。你可以 body style=height：100px；看看结果是不是100。还有不同的浏览器，这个值也是不一样的哦。

Q2: JS怎么获取iframe内html的body值

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(body).append($(.name-price span).eq(0).find(b).text())；。

Jquery可以使用“$(iframe body).html()”语句获取iframe里面body的html内容。jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：$()。

iframe取得html内容的方法是利用jquery解析dom树实现的。

这里就不写具体函数了，你定义一个js函数，在iframe的onload方法中执行，var baidu=document.getElementById(baidu)然后得分析你要获取的元素标签是什么，再通过 baidu.document.getElementById或者其他方法获取你要的值。

一般用原生js、jQuery获取html元素的值。

假设我们知道它的ID；var frame = document.getElementById(ueditor_0)；var frameDocument = frame.contentWindow.document；iframe中的document对象拿到了，后边如何获取你想要的元素就很简单了吧。

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