Javascript 删除或隐藏iframe内部的内容_Javascript_Jquery_Iframe

Javascript 删除或隐藏iframe内部的内容

javascript jquery iframe

Javascript 删除或隐藏iframe内部的内容,javascript,jquery,iframe,Javascript,Jquery,Iframe,为什么我不能在iframe中隐藏此内容： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>contents demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body&g

为什么我不能在iframe中隐藏此内容：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>contents demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<iframe src="//api.jquery.com/" width="80%" height="600" id="frameDemo"></iframe>

<script>
$('#frameDemo').contents().find('#logo-events').hide();
</script>

</body>
</html>


内容演示
$（'#frameDemo'）.contents（）.find（'#logo events'）.hide（）；

为什么这不起作用

谢谢。

这是因为

iframe

的内容与父页面位于不同的域中。浏览器安全逻辑停止父级修改跨域内容的任何尝试

这是无法避免的。

这是因为

iframe

的内容与父页面位于不同的域中。浏览器安全逻辑停止父级修改跨域内容的任何尝试

这是无法避免的。

@Rory McCrossan是对的

我能想到的唯一解决办法是在您自己的域上创建另一个页面，加载

api.jquery.com

的内容，然后使iframe的src指向您创建的这个新页面

例如，创建一个名为jqueryApi.php的页面，该页面包含以下php代码

<?php
    $contents = file_get_contents('http://api.jquery.com/');
    echo $contents;
?>

然后将iframe代码设置为

@Rory McCrossan是对的

我能想到的唯一解决办法是在您自己的域上创建另一个页面，加载

api.jquery.com

的内容，然后使iframe的src指向您创建的这个新页面

例如，创建一个名为jqueryApi.php的页面，该页面包含以下php代码

<?php
    $contents = file_get_contents('http://api.jquery.com/');
    echo $contents;
?>

然后将iframe代码设置为

，这可能取决于iframe内容的评估方式（以及可能的“何时”评估）。尝试在加载iframe后隐藏元素：这可能取决于如何（以及可能“何时”计算iframe的内容）。加载iframe后，尝试隐藏元素：