Поскольку iframe без границ можно легко интегрировать с веб-страницей, можно обновить некоторые данные страницы без обновления страницы. Однако размер iframe не так «масштабируем», как слой, поэтому это создает проблемы. Проблема в использовании: слишком большое значение не подходит для установки высоты iframe, а меньшее значение еще хуже. Теперь позвольте мне рассказать вам, как динамически регулировать высоту iframe, в основном с помощью следующей функции JS:
программный код
функция SetWinHeight(obj)
{
вар выигрыш = объект;
если (document.getElementById)
{
если (выиграть && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
иначе, если(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
Наконец, при добавлении iframe вы не можете потерять атрибут onload. Конечно, идентификатор также должен соответствовать выигрышу в функции.
программный код
решение iframe для другой ситуации (очень простое)
Важное примечание: адрес веб-страницы, который вы должны указать в поле src=, должен находиться на том же сайте, что и эта страница, в противном случае возникнет ошибка с надписью «Доступ запрещен!» (На самом деле это из-за междоменной проблемы!) Js, что приводит к отказу в доступе).
Я уже сталкивался с этой проблемой раньше. Я поискал ответ в Интернете и обнаружил, что многие люди также сталкивались с этой проблемой. Теперь я поделюсь решением.
1. Создайте файл Bottom.js и введите следующий код (всего две строки)
родитель.document.all("идентификатор фрейма").style.height=document.body.scrollHeight;
родитель.document.all("Имя идентификатора фрейма").style.width=document.body.scrollWidth;
Имя идентификатора кадра здесь — это идентификатор Iframe, например:
<IFRAME id="идентификатор фрейма" name="left"frameBorder=0 прокрутка=no src="XXX.asp" width="100%"></IFRAME>
2. Добавьте каждый из включенных файлов на свой веб-сайт.
<язык сценариев = "JavaScript" src = "bottom.js"/></script>
3. Ладно, хватит!
Прошел тест под WINXP и IE6. Это очень просто!
Реализация адаптивной высоты iframe
Реализуйте адаптивную высоту iframe, которая может автоматически адаптироваться к длине страницы, чтобы избежать явления полос прокрутки, появляющихся одновременно на странице и в iframe.
программный код
<тип сценария="текст/javascript">
//** iframe автоматически адаптируется к странице**//
//Введите список имен iframe, высоту которых вы хотите автоматически регулировать в зависимости от высоты страницы
//Разделяйте идентификатор каждого iframe запятой. Например: ["myframe1", "myframe2"] может быть только одна форма, поэтому запятая не требуется.
//Определяем идентификатор iframe
var iframeids=["тест"]
//Если браузер пользователя не поддерживает iframe, следует ли скрывать iframe, да означает скрытый, нет означает не скрытый.
вар iframehide="да"
функция dyniframesize()
{
вар dyniframe = новый массив ()
для (i=0; i { если (document.getElementById) { //Автоматически регулировать высоту iframe dyniframe[dyniframe.length] = document.getElementById(iframeids); если (dyniframe && !window.opera) { dyniframe.style.display="блокировать" if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //Если браузер пользователя NetScape else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //Если браузер пользователя IE dyniframe.height = dyniframe.Document.body.scrollHeight; } } //Согласно заданным параметрам решаем проблемы с отображением браузеров, не поддерживающих iframe if ((document.all || document.getElementById) && iframehide=="no") { var tempobj=document.all? document.all[iframeids]: document.getElementById(iframeids) tempobj.style.display="блокировать" } } } если (window.addEventListener) window.addEventListener("load", dyniframesize, false) иначе, если (window.attachEvent) window.attachEvent("onload", dyniframesize) еще window.onload=dyniframesize скрипт> Обратная связь: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1608312.
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;