刪除或隱藏iframe中的內容

Question

為什么我無法從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>

為什么這不起作用？

謝謝。

Answer 1

這是因為iframe的內容位於與父頁面不同的域中。 瀏覽器安全邏輯將阻止父級修改跨域內容的任何嘗試。

這是無法避免的。

Answer 2

@羅里·麥克羅斯（Rory McCrossan）是對的。

我能想到的唯一解決方法是在自己的域上創建另一個頁面，以加載api.jquery.com的內容，然后使iframe的src指向您創建的這個新頁面。

例如，創建一個名為jqueryApi.php的頁面，其中包含以下php代碼

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

然后將iframe代碼設置為<iframe src="jqueryApi.php" width="80%" height="600" id="frameDemo"></iframe>

刪除或隱藏iframe中的內容

問題描述

2 個解決方案

解決方案1
3 已采納 2016-07-09 18:57:42

解決方案2
0 2016-07-09 21:14:12

刪除或隱藏iframe中的內容

問題描述

2 個解決方案

解決方案1 3 已采納 2016-07-09 18:57:42

解決方案2 0 2016-07-09 21:14:12

解決方案1
3 已采納 2016-07-09 18:57:42

解決方案2
0 2016-07-09 21:14:12