Кросс-доменные фреймы и JavaScript - PullRequest
Новая
       19

Кросс-доменные фреймы и JavaScript

25 голосов
/ 18 мая 2011

Я работаю на сайте CMS, домен которого: 

http://www.acmssite.com

У них есть поддомен, в котором они хранят систему форм: 

http://www.forms.acmssite.com

У меня есть iframe на первом, который просматривает форму во втором.

Мне нужно запустить сценарии, чтобы манипулировать последним из первого, и мне было интересно, возможно ли это?

Ответы [ 3 ]

62 голосов
/ 18 мая 2011

Чтобы это не ограничивалось одной и той же политикой происхождения, вам, вероятно, потребуется сделать это на обеих страницах: 

document.domain = "acmssite.com";
2 голосов
/ 18 мая 2011

Да, это так. 

var iframe = document.getElementById("your-iframes-id").contentWindow.document;
0 голосов
/ 03 августа 2018

Вы все еще можете обойти эту проблему с помощью YQL, даже если у вас нет доступа к заголовочной части окна получения.С помощью метода Postmessage вам также нужно отредактировать скрипт окна получателя.Но, используя этот метод, вы можете загрузить любой iframe, не касаясь его скриптов.Проверь это! jsfiddle-link 

<html>
<iframe src="https://google.com/" width="500" height="300"></iframe>

<script>
var iframe = document.getElementsByTagName('iframe')[0];
var url = iframe.src;
var getData = function (data) {
    if (data && data.query && data.query.results && data.query.results.resources && data.query.results.resources.content && data.query.results.resources.status == 200) loadHTML(data.query.results.resources.content);
    else if (data && data.error && data.error.description) loadHTML(data.error.description);
    else loadHTML('Error: Cannot load ' + url);
};
var loadURL = function (src) {
    url = src;
    var script = document.createElement('script');
    script.src = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.headers%20where%20url%3D%22' + encodeURIComponent(url) + '%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=getData';
    document.body.appendChild(script);
};
var loadHTML = function (html) {
    iframe.src = 'about:blank';
    iframe.contentWindow.document.open();
    iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '"><scr' + 'ipt>document.addEventListener("click", function(e) { if(e.target && e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });</scr' + 'ipt>'));
    iframe.contentWindow.document.close();
}

loadURL(iframe.src);
</script>
</html>
...