HTML JQuery获取iFrame内部的元素宽度？答案

【问题标题】：HTML JQuery Get Element Width Inside of iFrame?HTML JQuery获取iFrame内部的元素宽度？
【发布时间】：2017-05-04 01:47:33
【问题描述】：

在页面上有这个 iframe：

<iframe name="fileFrame" id="fileFrame" class="fileFrame" style="display:none;" src="http://example.com" height="50%" width="50%"></iframe>

iframe 内部有一个从其他网站提取的元素：

<div class="progress-bar" style="display:block; width: 18%;"></div>

如何让主页面拉进度条宽度？

尝试跟踪这一点，以便在 iframe 中的进度条完成加载 (100%) 时更新主页。

试过了，还是不行：

var mydivw = $("#fileFrame").contents().find(".progress-bar").width();
alert(mydivw);

【问题讨论】：

这是一个跨域 iframe 吗？还是与页面相同的域？如果不是，由于同源策略，您无法访问它
跨域，iframe正在加载文件托管站点。
那就进不去
是否可以从文件托管站点加载并在完成后更新主页？对不起，我对这个问题的无知......
未知数太多，无法轻易回答。取决于文件类型...您要做什么，文件托管限制......等。根据您尝试执行的操作，也可以使用代理脚本在您的服务器上执行此操作，或者可能像使用一些 ajax 一样简单

【解决方案1】：

这样试试

$("#fileFrame").contents().find(".progress-bar").width()

你可以加载它

像这样

$("#fileFrame").on("load",function(){

  var width=$(this).contents().find(".progress-bar").width()

})

【讨论】：