Кросс-поддоменные iframe и JavaScript

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

http://www.acmssite.com

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

http://www.forms.acmssite.com

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

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


javascript iframe cross-domain subdomain
person RyanP13    schedule 18.05.2011    source источник

Ответы (3)


arrow_upward
70
arrow_downward

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

document.domain = "acmssite.com";
person Dark Falcon    schedule 18.05.2011
comment
Будет ли это работать, если оба будут находиться в совершенно разных доменах? - person RyanP13; 18.05.2011
comment
Нет. Браузеры ограничивают настройку document.domain тем же доменом или супердоменом веб-страницы. Например, вот политика Mozilla: developer.mozilla.org/en/DOM/document.domain - person Dark Falcon; 18.05.2011
comment
Спасибо за совет: разместить на обеих страницах. Я бы дал вам +2, если бы мог. - person Praesagus; 16.10.2012
comment
Это решение отлично работает для IE7, IE8, IE9, IE10, Firefox, Chrome и Opera, но не работает с последней версией IE11. Я протестировал его сам со всеми этими браузерами, используя 2 поддомена: www.example.com и iframe.example.com. И главная страница, и iframe содержат document.domain = "example.com"; Похоже на большой регресс в IE11, пожалуйста, дайте мне знать о любом обходном пути, спасибо ты! - person Community; 05.12.2013
comment
Решение приведенного выше комментария (ошибка IE11, о которой сообщалось здесь), заключается в размещении следующего метатега <meta http-equiv="x-ua-compatible" content="IE=10"> сразу после объявления типа документа. Вы должны использовать допустимый тип документа. - person Community; 12.12.2013
comment
Также убедитесь, что они используют один и тот же протокол, т. е. как http, так и https. - person Rob Agar; 23.06.2016
comment
document.domain устарело. Рекомендуется использовать postMessage, но мой вариант использования таков, что postMessage использовать нельзя. Есть ли другое решение, которое не требует использования postMessage? - person Ben Davis; 05.11.2020

arrow_upward
3
arrow_downward

Да.

var iframe = document.getElementById("your-iframes-id").contentWindow.document;
person Cobra_Fast    schedule 18.05.2011
comment
Этот код не работает, когда iframe находится в поддомене. Вам нужно использовать document.domain - person Mosh Feu; 11.03.2014
comment
Чтобы уточнить, что означает Мош Феу: это не работает из-за политики одинакового происхождения. Браузер с помощью throw заблокировал фрейм с исходным значением null от доступа к фрейму из другого источника. - person Martin Thoma; 12.09.2017

arrow_upward
-1
arrow_downward

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

<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>
person Gihan Gamage    schedule 03.08.2018