javascript / jqueryを使用してドキュメントにiframeを追加および削除したい(実際には、iframeを追加し、ユーザーが閉じることを選択した場合は削除する必要があります)。
この iframe には、document.write (広告ローテーター) を使用して表示される基本的に生成されたコンテンツを含む script 要素を使用して、外部スクリプトを含める必要があります。
私が抱えている問題は、iframe が読み込まれるときに要素が含まれているが、そのコンテンツが「解釈」されていないため、コンテンツが document.write で書き込まれないことです。
ここで何が欠けているのかわかりません。
これが私が試したものです(SOに関する他の回答からインスピレーションを得ています):
html:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-10.2.js"></script>
<script src="frame.js"></script>
</head>
<body>
<div>Some content</div>
<div id=myFrameContainer></div>
</body>
</html>
フレーム.js:
$(document).ready(function(){
$('<iframe></iframe>', {name:"myFrame",id:"myFrame"})
.css("height", 300)
.css("width", 500)
.load(function() {
$(this).contents().find("body")
.append('<scr' + 'ipt type="text/javascript" src="http://example.com/rotator.php?affid=12345"></scr' + 'ipt>');
}).appendTo("#myFrameContainer");
});
また、要素を頭に追加しようとしましたが、成功しませんでした。
これに加えて、Firebug の外部スクリプトによって生成されたコンテンツを確認できます (ただし、これはまったく正常であり、私の質問とは関係ありません)。