javascript - 加载后编辑框架项目

标签 javascript html jquery iframe jquery-events

我在我的 html 文档中包含了一个框架。我想要做的是更改框架中的一些文本。该框架未托管在我的网站上。我有这样的逻辑:

  1. 让框架加载
  2. 使用 jQuery document.ready 函数
  3. 当文档完全加载后,我将通过 document.getelementbyId("id of element")
  4. 更改元素

不幸的是,这不起作用。我用谷歌搜索了很多但没有找到任何合适的答案。谁能帮助我?

这是框架:

<iframe src="http://www.traffic-zombie.com/en/members/referral?campaignID=1190&backgroundColor=%23ffffff&textColor=%23000000" width="650" height="1000" frameborder="0" style="border: 1px solid #ffffff;"></iframe>

假设我想在框架中更改单词“referral”; 这是我的脚本:

<script type="text/javascript">

$(document).ready(function() {      
    
    var c=document.getElementById('zom-status').innerHTML;
    alert(c);
});
    
</script>

我们将不胜感激。

最佳答案

一般是不可能的。 jQuery cross domain iframe scripting

您可能需要考虑获取该 iframe 的 html,然后将其注入(inject)页面,至少这样您将拥有完全的控制权。看看这里了解该技术,我相信它更有可能取得成果:

http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

关于javascript - 加载后编辑框架项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9517353/

相关文章:

javascript - 布料js : objects grouping is not working correctly

javascript - 如何让屏幕阅读器响应显示和隐藏动态 Web 应用程序中的内容?

html - 如何在没有 JavaScript 的情况下保持元素比例

javascript - 浏览器加载资源最有效的方式

javascript - 我想做的一件棘手的 javascript 事情...从列表中提取元素并隐藏其余部分

jquery - knockout 检查装订

javascript - AngularJS ngSubmit 不调用 Controller 函数

javascript - XHR 请求优先于图像?

html - 检测平板电脑和手机、htaccess 或 CSS

jquery - 以原始尺寸加载 jQuery SVG 中的图像