monaca タブで切り替え先ページにjsを実行したい

Question

###前提・実現したいこと
monacaでwebサイトのアプリを制作中です。
webサイトをiframeを使って読み込み、monacaでメニュー等つけたいと思っています。

index.htmlにタブをおき
home.htmlをトップページにしたいと思い、iframeでwebサイトを読み込みました。
アプリ版のみ消したいメニューがあり
index.htmlに
$('iframe').on('load', function(){
$('iframe').contents().find('head').append('<link rel="stylesheet" href="http://xxx.css">');
});
と記述しメニューを消すcssを読み込んでいるのですが、うまくいきません。

どなたかご教授いただけないでしょうか？

よろしくお願いします。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Answer 1

monacaで作れるのはWebサイトではないですよ。ビルドするとAndroidやiOSのアプリケーションになります。開発言語をWebサイトと同じ言語でできるというだけで、作っているのはWebサイトではありません。

上記より、私自身iframeをmonacaで利用したことはないのですが、href="http://xxx.css"という形でcssを読み込むのはWebサイトではできてもアプリケーションのビルド時には上手くいかない可能性があります。
http://でWeb上のcssを取得するのではなく、cssファイルをプロジェクトに追加する方法を試してみては如何でしょうか。cssファイルを任意のフォルダに追加した上で、href="css/style.css"のようにindex.htmlからの相対パスでcssの場所を指定してみて下さい。