这个问题很郁闷，本人是有些糊涂了，所以请大家海涵，我尽量说明白一些：
目前做一个应用，类似于igoogle的框加载模式(可推拽式服务)，使用YUI3框架.其中可推拽数据生成的图表(使用了googleChart).
我将googleChart放到一个iframe中进行加载,代码如下:
var id = Y.io(url, {
method: 'GET',
xdr: { use:'flash'},
//XDR Listeners
on: {success: function(id, data) {
var d = feeds[trans[id]],
inner = d.mod.one('div.inner'),
oRSS = Y.JSON.parse(data.responseText),
html = '';
if (oRSS && oRSS.count) {
Y.each(oRSS.value.items, function(v, k) {
if (k < 5) {
html += '<li><a href="' + v.link + '" target="_blank">' + v.title + '</a>';
}
});
html+=" <iframe frameborder='no' scrolling='auto' border='1' id='ifrm' name='ifrm' width='100%' onload=setLayout(); src='http://localhost/cis/piechart'>";
html+=" <script type='text/javascript'> ";
html+=" function setLayout() {";
html+=" alert('ddd');";
html+=" }";
html+=" <script/> ";
html+=" </iframe>";
}
Y.log("html:"+html);
......};
我想实现的是:
1,在onload的时候调用setLayout方法，并且Iframe可以自适应图表大小。
2,我设置了setLayout方法，但是我不知道放在什么地方它才能够执行。这个setLayout方法应该放在什么位置？
[img][/img]
添加评论
关注(0)
相关推荐
二是在主页面 iFrame 的 onload 事件中执行 JS，去取得被包含页的高度内容，然后去同步高度。然而，这两种方法都存在一定的缺陷，它们只能处理静态的内容加载，而无法解决 JS 操作 DOM 引起的高度变化问题。 为了...
【标题】：“iframe自适应高度.rar”涉及到的...总的来说，"iframe自适应高度.rar"这个主题涵盖了iframe的使用、同源策略的理解以及JavaScript实现iframe高度自适应的技术细节，这些都是前端开发中非常实用的知识点。
一种常见方法是使用JavaScript来实现，通过获取`iframe`内容的实际高度并设置给`iframe`本身。以下是一个简单的实现示例： ```javascript function iframeAutoHeight(id) { var iframe = document.getElementById...
- 在`iframe`加载完成后，例如在`window.onload`或`document.DOMContentLoaded`事件中，获取当前页面的总高度（包括滚动条）。 - 使用`parent.postMessage`方法向父页面发送一个自定义消息，包含`iframe`的实际...
总结，`iframe`高度自适应是前端开发中的常见问题，解决这个问题需要根据实际情况选择合适的方法，包括利用CSS、JavaScript、`window.postMessage` API，以及处理IE浏览器的兼容性问题。在实际操作中，一定要注意...
另一种方法是将PDF流数据转换为URL，然后嵌入到`<iframe>`标签中。这可以避免直接操作PDF.js的复杂性，但可能对文件大小有限制： ```javascript const iframe = document.createElement('iframe'); iframe.src ...
JavaScript调用IFrame框架页面中函数的方法是一种常见的前端交互技术，尤其在构建复杂网页应用时，IFrame常用于模块化加载和隔离不同部分的代码。本文将深入探讨如何在JavaScript中实现这一功能，并提供相关示例。 ...
- **基本用法**：使用`<iframe>`标签是最简单的嵌入方法。例如： ```html <iframe src="http://example.com"></iframe> ``` - **定制属性**：可以通过设置`<iframe>`的属性来更好地满足需求。 - `frameborder`...
8. **iframe的缺点**：iframe可能导致主页面的Onload事件延迟，因为它的加载可能与主页面同步。另外，同一域下的连接池限制可能影响iframe内容的加载速度。避免这些问题的方法是延迟加载iframe或使用不同域。 9. **...
总的来说，`iframe` 的自适应高度是一项涉及前端 JavaScript、跨域策略以及现代 Web API 技术的任务。正确实现这一功能能显著提升用户浏览体验，避免不必要的滚动条和内容截断问题。对于开发者来说，理解和掌握这些...
总的来说，`iframe`多层级自动适应高度是一个常见的前端问题，通过JavaScript的`postMessage`和事件监听，我们可以实现动态的高度调整，确保用户能完整地查看所有内容。同时，为了提高用户体验，还应考虑优化加载...
这种方法不是直接嵌入iFrame，而是通过Ajax请求获取内容，并将内容动态添加到DOM中。这样可以避免iFrame本身的加载延时。 需要注意的是，在开发过程中，还应考虑到浏览器的兼容性、安全性（尤其是跨域问题）以及...
4. **微前端实践**：`Iframe`的沙箱特性使得它可以实现CSS和JavaScript的隔离，适用于微前端架构，便于组件化管理。 **Iframe的优点**： 1. **减少数据传输**：通过加载局部内容，减小了整体页面的大小，从而加快...
### iframe的作用与使用详解 在Web开发中，`iframe`（Inline Frame）是一个非常重要的HTML元素，用于在当前页面中...总之，合理利用`iframe`可以极大地丰富网站的功能和视觉效果，是前端开发者不可或缺的一项技能。
2. window.onload() 方法：window.onload() 方法用于在网页加载完毕后立刻执行的操作。 3. iframe 元素： iframe 元素用于将另一个 HTML 页面嵌入到当前页面中。 十、本质和 jQueryAjax 方法 1. Ajax 的本质：Ajax...
iframe 会阻塞主页面的 Onload 事件；iframe 和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。 九、cookies、sessionStorage 和 localStorage 的区别 cookies 在浏览器和服务器间...
- iframe标签用于在网页中嵌入另一个页面，但存在一些问题，如阻塞主页面的onload事件，以及可能会影响页面的并行加载。 9. cookies、sessionStorage和localStorage的区别： - cookies是在客户端与服务器之间传输...
- **阻塞Onload事件**：iframe的加载可能会延迟页面的onload事件触发。 - **连接池限制**：iframe与主页面共享连接池，可能导致页面加载性能下降。 - **解决方案**：通过JavaScript动态设置iframe的src属性值可以...