外部スタイルシートと js を iframe の head タグにインポートしたいだけです。出来ますか ?
私はHTMLヘッドでカスタムjquery関数を試しました `
$(this).contents().find('head').append('<link href="http://mywebsite.com/css/iframe.css?" rel="stylesheet" type="text/css" />')`
iframe 内の window オブジェクトは、iframe に読み込まれたページのプロパティです。含まれているページが iframe の window オブジェクトを操作する唯一の方法は、含まれているページと iframe ページのドメインが同じ場合です。(クロスドメイン制限ポリシーのため)
スタイルシートが追加される前にフレームが既にレンダリングされているため、JavaScript を使用して iframe 内にスタイルシートを含めることはできないと思います。
を使用して、iframe の DOM 内の要素のスタイルを変更できます.find().css()
。(私は、iFrame プレビュー ペインを備えたサイトのテーマ ジェネレーターを構築するために同様のことを行いました)。
他の人の Web サイトからの iFrame の CSS を変更することには注意が必要です。その人が自分の CSS やマークアップをいつでも変更する可能性があるため、達成しようとしていることが台無しになる可能性があります。