删除 iframe 中的元素答案

【问题标题】：remove elements within an iframe删除 iframe 中的元素
【发布时间】：2014-02-01 19:42:42
【问题描述】：

我有一个在 iframe 中嵌入仪表板的 VF 页面。我不确定这是否可行，但我正在尝试使用 JQuery 来隐藏仪表板页面中的一些元素。所以，我正在尝试这个：

<apex:includeScript value="{!URLFOR($Resource.JQuery, '/js/jquery-1.11.0.min.js')}" /> 
<script type="text/javascript"> 
    var j$ = jQuery.noConflict();

    j$(document).ready(function() {
        var f=j$("#iFrame");
        f.load(function() {
            f.contents().find(".viewHeaderValue").hide();
        });
    });        
</script>

最初，我认为这不会是跨域脚本问题，因为仪表板和 VF 在同一个 salesfore 环境中，但现在，我想知道跨域脚本是否是问题。

我的带有 iframe 的 VF 页面的域为：https://c.na11.visual.force.com/apex/myVFpage

我嵌入到 VF 页面的同一组织中的仪表板域具有以下域：https://na11.salesforce.com/

这是一个跨域脚本问题吗？

谢谢。

【问题讨论】：

标签： jquery salesforce visualforce

【解决方案1】：

您发布的代码没有问题，也就是说它不包含明显的错误或拼写错误，并且当两个 iframe 在同一个域中时可以正常工作。

因此，我得出结论，要么a）这是一个跨域脚本问题，要么b）另一个因素在起作用。

当你违反同源政策时，Chrome 总是会抱怨，所以为什么不在 Chrome 中打开你的页面，看看你的控制台在说什么。

【讨论】：