Метод адаптивной реализации высоты окна iframe

Автор：Eve Cole Время обновления：2025-02-22 14:16:01

В Domaina Index.html есть страница, вложенная с другим .html на странице в Domainb через iframe

Поскольку другая страница.

Из -за ограничений гомологичных стратегий JavaScript не могут быть выполнены, что делает проблему более сложной

Обратитесь к подходу к Интернету, представьте страницу агентства или Agent.html, которая принадлежит Domaina

Затем, в другом. Html в Domainb, затем используйте iframe для вложенного агента. Html для вложенного

Хорошо, сейчас так:

Index.html использует iframe вложенные другие .html

Другое.html использует гнездование iframe Agent.html

Причиной введения 3 -й страницы Agent.html является соблюдение правил «однородной стратегии» и завершить передачу параметров в разных доменах!

Наша конечная цель - убрать прокаченную полосу и убедиться, что все содержание встроенной страницы отображаются

1. Фактическая высота фактической высоты другой.

2. Установите высоту на свойство SRC Iframe в его встроенном

3. Поиск значения высоты в атрибуте SRC Iframe в Agent.html

В следующем примере используется техника, чтобы избежать использования setInterval (), чтобы постоянно устанавливать высоту iframe

Метод состоит в том, чтобы добавить метку времени на SRC Iframe, позволяя браузеру перезагрузить агент. Html каждый раз

Затем позвольте выполнить функцию JS в Agent.hml InvokemethodintopWindow ()

2 HTML в Domaina

index.html

Код кода копирования следующим образом:

#{Extends 'main.html' /}

#{Установить заголовок: 'Home' /}

<hr>

<div style = "color: red; font-weight: bold"> 窗口自适应 --- 绕开同源策略的限制，同时又利用同源策略去掉 iframe 的滚动条，动态调整窗口的高度，让Он может отобразить все содержимое вложенной страницы </div>

<!-Вам нужно динамически отрегулировать высоту iframe->

</div>

Функция изменять размер (высота) {

// alert ("resize");

document.getElementsbyname ("domainb") [0] .height = height;

}

</script>

Agent.html

Код кода копирования следующим образом:

<html>

<голова>

<Title> Вставьте заголовок здесь </title>

</head>

<тело>

Я прокси -страница!

Window.onload = invokemethodintopwindow;

функция invokemethodintopwindow () {) {

// alert («вызовите функцию в том же домене, сбросить высоту iframe»);

var domain = document.parentwindow;

var realheight = domaina.location.hash.split ("#") [1];

// Последний шаг: вызовите функцию окна верхнего слоя и сбросьте высоту iframe

Parent.parent.resize (realheight);

// alert ("realheight:"+realheight);

// предупреждение (document.parentwindow.name); // Получить имя окна, где находится контейнер Domaina

// error: // alert (document.parentwindow.parent.name);

// предупреждение (document.parentwindow.parent.parent.name); // Верхний слой окна принадлежит Domaina, так что вы можете посетить его

}

// После настройки атрибута src iframe с различными метками времени не нужно использовать setInterval ()

// setInterval ("InvokeMethodintopWindow ()", 100);

</script>

</body>

</html>

Другое.html в домене

Код кода копирования следующим образом:

<html>

<голова>

<Title> Вставьте заголовок здесь </title>

</head>

<!-страница встроена в домен->

<button type = "button" onclick = "btnclick ()"> Switch Display </button>