Javascript 使用jQuery删除iframe中的body标记_Javascript_Jquery_Wordpress_Iframe_Same Origin Policy

Javascript 使用jQuery删除iframe中的body标记

javascript jquery wordpress iframe

Javascript 使用jQuery删除iframe中的body标记,javascript,jquery,wordpress,iframe,same-origin-policy,Javascript,Jquery,Wordpress,Iframe,Same Origin Policy,我想从作为WooCommerce（）一部分的PrettyTo lightbox插件中包含的iframe中删除一个不必要的头。当您单击该页面底部的single product按钮时，它应该会删除iframe中包含的body标记。iframe符合同源策略，所以不是这样我在同一个域上创建了一个测试页面，效果非常好：与灯箱有冲突吗？我只是不明白。谢谢你的帮助以下是测试页面的代码： <!DOCTYPE html> <html> <body> <iframe

我想从作为WooCommerce（）一部分的PrettyTo lightbox插件中包含的iframe中删除一个不必要的头。当您单击该页面底部的single product按钮时，它应该会删除iframe中包含的body标记。iframe符合同源策略，所以不是这样

我在同一个域上创建了一个测试页面，效果非常好：

与灯箱有冲突吗？我只是不明白。谢谢你的帮助

以下是测试页面的代码：

<!DOCTYPE html>
<html>
<body>

<iframe id="myframe" src="http://shapur.com/index.php"></iframe>

<p>Click the button to change the style of the body tag contained in the iframe.</p>

<button onclick="myFunction()">Try it</button>

<script>
    function myFunction() {
        var x = document.getElementById("myframe");
        var y = x.contentDocument;
        y.body.style.display = "none";
}
</script>

</body>
</html>


单击该按钮可更改iframe中包含的主体标记的样式
试试看
函数myFunction（）{
var x=document.getElementById（“myframe”）；
var y=x.contentDocument；
y、 body.style.display=“无”；
}

既然它来自同一个来源，为什么不使用jQuery

load（）

函数：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/javascript">
    function myFunction() {
       $(".myDiv").load("/index.php",function(data){
          $(data).find('body').css("display","none");
       });
    }
</script>


函数myFunction（）{
$（“.myDiv”）.load（“/index.php”），函数（数据）{
$（数据）.find（'body'）.css（“display”，“none”）；
});
}

并且有一个空的：

<div class="myDiv"></div>

这样，您可以更轻松地使用代码。

既然它来自同一个来源，为什么不使用jQuery

load（）

函数：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/javascript">
    function myFunction() {
       $(".myDiv").load("/index.php",function(data){
          $(data).find('body').css("display","none");
       });
    }
</script>


函数myFunction（）{
$（“.myDiv”）.load（“/index.php”），函数（数据）{
$（数据）.find（'body'）.css（“display”，“none”）；
});
}

并且有一个空的：

<div class="myDiv"></div>

通过这种方式，您可以更轻松地使用代码。

Iframe内容在包含Iframe的页面的DOM中不可见，因此您无法更改它。为了删除它，您需要在通过iframe承载的页面上触发事件。您需要确保iframe已加载first@DinoMyte在测试页面（）上，我能够触发iframe中托管的页面上的事件。iframe内容在包含iframe的页面的DOM中不可见，因此您无法更改它。要删除它，您需要在通过iframe承载的页面上触发事件。需要确保已加载iframefirst@DinoMyte在测试页面（）上，我能够在iframe中托管的页面上触发事件。听起来是个很好的建议。Ajax是Wordpress核心的一部分，我想知道如何在上面的测试页面中实现它。我试着使用上面的代码，但不起作用。哎呀，我的意思是说jQuery

load（）

function mate！我的错！和。如果google的jQuery库不起作用，您可以将其包含在代码的顶部（请参阅已编辑的代码）。如果您还有其他错误，请告诉我。听起来是个不错的建议。Ajax是Wordpress核心的一部分，我想知道如何在上面的测试页面中实现它。我试着使用上面的代码，但不起作用。哎呀，我的意思是说jQuery

load（）

function mate！我的错！和。如果google的jQuery库不起作用，您可以将其包含在代码的顶部（请参阅已编辑的代码）。如果您有任何其他错误，请告诉我。