`
thinktothings
  • 浏览: 780285 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js设置父 iframe的高度

    博客分类:
  • js
阅读更多

js设置父 iframe的高度

 

 

 

 

 

<script type="text/javascript">

 

parent.window.frames['frame_content'].frameElement.style.height="500px";

 

</script>


分享到:
评论

相关推荐

    javascript动态调整iframe高度

    总之,`javascript`动态调整`iframe`高度的核心在于获取`iframe`内容的实际高度,并将其设置为`iframe`元素的`height`属性。通过正确处理同源策略和跨域通信,我们可以确保无论`iframe`内容如何变化,都能保持页面...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    总的来说,通过使用JavaScript动态计算`&lt;iframe&gt;`内容的高度并设置`&lt;iframe&gt;`的高度,可以有效地解决`&lt;iframe&gt;`内容高度自适应以及设置高度后无法缩小的问题。同时,要注意兼容性问题和跨域限制,以确保在各种环境下...

    JS 获取iframe高度的静动态方法

    在JavaScript(JS)中,获取iframe(内联框架)的高度是一项常见的需求,特别是在构建富互联网应用或嵌入第三方内容时。下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性...

    iframe高度自适应.pdf

    ### iframe高度自适应技术详解 在网页开发过程中,经常会遇到需要在一个页面中嵌入另一个页面的需求,这通常通过HTML的`iframe`元素实现。然而,一个常见的问题是当嵌入的内容高度变化时,如何使`iframe`的高度能够...

    Iframe 高度自适应浏览器高度

    这种技术常被用来实现...以上就是关于“Iframe高度自适应浏览器高度”的主要知识点,实践中可能需要结合具体场景和需求选择合适的方法。在实际应用中,还要考虑到兼容性问题,确保在不同浏览器和设备上都能正常工作。

    跨域控制iframe高度

    这样,父页面可以根据实际高度设置iframe的大小。 4. **使用`window.name`**:虽然`window.name`属性不受同源策略限制,但这种方法较为复杂,需要在两个页面间传递一个包含高度信息的字符串,并在加载时解析。 5. ...

    iframe高度随子页高度变化

    标题"iframe高度随子页高度变化"和描述中提到的问题,正是关注于这个动态调整`iframe`高度的技术。 要实现`iframe`高度随子页高度变化,主要涉及以下几个关键点: 1. **设置iframe的初始高度**:首先,我们需要为`...

    iframe根据页面内容自适应高度和宽度

    2. **JavaScript**:使用JavaScript来动态获取`iframe`的内容高度和宽度。可以监听`load`事件,当`iframe`加载完成后,通过`contentWindow`和`contentDocument`属性获取内容的尺寸,然后调整`iframe`的大小。例如: ...

    iframe实时高度检测

    总结,"iframe实时高度检测"是一种提升用户体验的技术,通过JavaScript技术,确保`iframe`内容始终能够完整显示,无论内容如何变化。这个过程涉及`iframe`的基本使用、跨域通信以及性能优化等多个方面,对于前端...

    iframe自适应高度js demo

    以下是一个简单的JavaScript函数示例,该函数动态地设置`iframe`的高度: ```javascript function setIframeHeight(iframeId) { var iframe = document.getElementById(iframeId); if (iframe && iframe....

    iframe 跨域 自动适应高度

    创建一个与父页面同源的代理页面,这个页面负责加载跨域的子页面并返回其高度,然后由父页面根据返回的高度设置`iframe`的高度。 - **JavaScript定时检测** 父页面每隔一定时间检测`iframe`的`contentDocument`...

    iframe高度自适应

    // 调整iframe高度 }); ``` `iframe`内部示例代码: ```javascript window.onload = function() { var height = document.documentElement.scrollHeight || document.body.scrollHeight; parent.post...

    iframe自适应高度demo

    使用JavaScript或jQuery,我们可以监听`iframe`的`load`事件,当`iframe`中的内容加载完毕后,获取其内容的实际高度并设置为`iframe`的高度。例如,使用jQuery的一个简单示例: ```javascript $(document).ready...

    iframe自动适应高度

    例如,`iframe`内的页面可以发送一个包含其高度的消息,然后父页面监听这个消息并更新`iframe`的高度。 ```javascript // iframe内容页 window.parent.postMessage({height: document.documentElement....

    iframe跨域自适应高度模板

    这段代码会在`iframe`加载完成后,将其高度设置为内部文档的滚动高度。然而,由于跨域限制,如果`iframe`内容不在同一个域下,这种方法可能无效。此时,可以考虑在`iframe`页面添加一个回调函数,通过查询字符串传递...

    iframe自适应高度(兼容目前所有主浏览器)

    传统的解决方法有两种:一是每个被包含页在内容加载完毕之后,执行 JS 取得本页面的高度,然后去同步父页面的 iFrame 高度;二是在主页面 iFrame 的 onload 事件中执行 JS,去取得被包含页的高度内容,然后去同步...

    再谈iframe自适应高度

    - 避免使用绝对值设置iframe高度,而是倾向于动态计算或响应式设计。 - 对于跨域问题,使用`postMessage`可以提高兼容性和安全性。 - 考虑到性能,尽量在iframe内容加载完成后才执行调整高度的操作,以减少不必要...

    网页制作中Iframe自适应高度的解决办法

    我们可以使用JavaScript来监听Iframe的`load`事件,当内容加载完成后,获取内容的实际高度并设置给Iframe。以下是一个简单的示例: ```javascript var iframe = document.getElementById('myIframe'); iframe....

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    最后,`MainFrame.html`和`用jquery实现iframe高度自适应完美兼容多数浏览器.html`可能是包含上述代码的实际示例页面,而`js`文件夹可能包含了jQuery库和其他可能的辅助脚本。 总结,通过jQuery,我们可以优雅地...

Global site tag (gtag.js) - Google Analytics