1

したがって、追加のセキュリティ層を提供するために、自己作成の iframe に css と js を挿入して外部に挿入しようとしています。したがって、クロスドメインの問題はありません。

ここにコードがあります

<!doctype html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>

<script>
$(function(){

var contents = $('iframe').contents();

styleTag = $('<link href="http://mylink.com/styles.css" media="all" rel="stylesheet" type="text/css" />').appendTo(contents.find('head'));

insertScript('https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');
insertScript('https://myserver.com/myfile.js');

});

var insertScript = function(src){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = src;
$('iframe').contents().find('head').append(script);
console.log("add script");
}

</script>

<div class="output">
<iframe></iframe>
</div>

cssファイルは入力されていますが、jsファイルはどちらも入力されていません.誰でも理由を見ることができますか? console.log が出力されています。

ありがとう

4

2 に答える 2

4

iframe のドキュメント オブジェクトからスクリプト要素を作成する必要があると思います。これはcontents[0]、insertScript に渡すことができる として利用できるはずです。

appendChild(jQuery ラッパーではなく) ヘッド ノードで直接使用すると機能します。

$('iframe').contents().find('head')[0].appendChild(script);

http://jsbin.com/enidiv/1/edit

于 2013-04-17T03:56:51.287 に答える
0

iframe ドメイン、プロトコル、およびポートが一致する限り、スクリプトを追加できます。それ以外の場合は、別の URL への安全でないアクセス試行として扱われます。

于 2013-04-17T03:52:37.397 に答える