親ページからiframe内のヘッダーとフッターを表示させなくする方法

Question

親ページからiframe内のヘッダーとフッターを表示させなくする方法

http://www.koikikukan.com/archives/2015/03/03-005555.php
上記のページの方法を試しましたがうまくいきませんでした。

---

<iframe id="test" src="URL"></iframe> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function(){ $('#test').on('load', function(){ $('#test').contents().find('head').css('display','none'); }); }); </script> ---------------------------------------------------------------------------- 以上のようにしているのですが、iframeないのヘッダーは抜けない状態です。。 headの指定がよくないのでしょうか？初心者で申し訳ありません。。

可能であればご教授いただきたいです。
よろしくお願いいたします！

Comments

[kai0310]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
こちらに書き換えてみてください

[jake0814]

ご指摘ありがとうございます！
以上のように修正させていただきましたが、
iframeないのヘッダーが向けない状態です、、、

申し訳ありませんが可能であればご教授いただきたいです。
よろしくお願いいたします。

[CHERRY]

iframe 内に表示しているページも同じドメインですか？

[jake0814]

表示しているページはサブドメインになります。
同じドメインでないとやはり難しいのでしょうか？