因此,我试图注入和外部CSS和JS为自创建iframe来提供额外的安全层,从而导致无任何跨域的问题。
这里是代码
<!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被输出。
谢谢