ZZzzz~ может наматывать
<Iframe src="/URL" width="x" height="x" прокрутку="[OPTION]"frameborder="x"></iframe>
src: путь к файлу, который может быть файлом HTML, текстом, ASP и т. д.;
ширина, высота: ширина и высота области «картинка в картинке»;
прокрутка: если указанный HTML-файл SRC не отображается в указанной области, для параметра прокрутки, если установлено значение «НЕТ», полоса прокрутки не появится, если установлено значение «Авто»: полоса прокрутки появится автоматически, если установлено значение «Да»; оно будет отображаться;
Frameborder: Ширина границы области. Чтобы смешать «картинку в картинке» с соседним содержимым, ей часто присваивается значение 0.
Например:
<Iframe src=" http://www.xyz.com/xyz "; width="250" height="200" прокрутка="no" Frameborder="0"></iframe>
Между окном и плавающим Frame В языке сценариев и иерархии объектов окно, содержащее Iframe, называется родительской формой, а плавающий фрейм называется дочерней формой. Важно прояснить связь между ними, поскольку необходимо управлять Iframe. родительская форма. При доступе к подчиненной форме и наоборот вы должны знать иерархию объектов, прежде чем сможете получить доступ к форме и управлять ею через программу.
1. Доступ к объектам подчиненной формы и управление ими в родительской форме. В родительской форме Iframe, то есть подчиненная форма, является дочерним объектом объекта документа. Вы можете напрямую обращаться к объектам подчиненной формы в сценарии. .
Теперь возникает вопрос, а именно, как нам управлять этим Iframe. Здесь нужно поговорить об объекте Iframe. Когда мы устанавливаем атрибут ID для этого тега, мы можем выполнять ряд элементов управления HTML, содержащимся в Iframe, через DOM объектной модели документа.
Например, встройте файл test.htm в example.htm и управляйте некоторыми объектами тегов в test.htm:
<Iframe src="test.htm" id="test" width="250" height="200" прокрутка="no" Frameborder="0"></iframe>
Код файла test.htm:
<html>
<тело>
<h1 id="myH1">привет, мой мальчик</h1>
</тело>
</html>
Если мы хотим изменить текст в теге H1 с идентификационным номером myH1 на «Привет, моя дорогая», мы можем использовать:
document.myH1.innerText="привет, дорогая"(документ можно опустить)
В файле example.htm подформа, на которую указывает объект метки Iframe, соответствует общей объектной модели DHTML, а метод управления доступом к объекту тот же, поэтому я не буду вдаваться в подробности.
2. Доступ и управление объектами родительской формы в дочерней форме. В дочерней форме мы можем получить доступ к объектам родительского окна через его родительский (родительский) объект.
Например, example.htm:
<html>
<body onclick="alert(tt.myH1.innerHTML)"> <Iframe name="tt" src="frame1.htm" width="250" height="200" прокрутка="no" Frameborder="0"> </iframe>
<h1 id="myH2">привет, моя жена</h1>
</тело>
</html>
Если мы хотим получить доступ к тексту заголовка вframe1.htm с идентификационным номером myH2 и изменить его на «привет, мой друг», мы можем написать так:
родитель.myH2.innerText="привет, мой друг"
Здесь родительский объект представляет текущую форму (форму, в которой находится example.htm). Доступ к объектам родительской формы в дочерней форме без исключения осуществляется через родительский объект.
Хотя Iframe встроен в другой файл HTML, он остается относительно независимым и представляет собой «независимое царство». Характеристики одного HTML также применимы к плавающим фреймам.
Представьте себе, что с помощью тега Iframe мы можем выразить неизмененный контент как Iframe. Таким образом, нам не придется повторно писать один и тот же контент. Это немного похоже на процесс или функцию в программировании, и насколько это утомительно. ручной труд экономится! Кроме того, что очень важно, это делает модификацию страниц более осуществимой, поскольку вместо того, чтобы изменять каждую страницу для настройки макета, вам нужно изменить макет только одной родительской формы.
Следует отметить, что версии до Nestscape 6.0 не поддерживают тег Iframe.
Пример:
<iframe src="Page" width="Width" height="Height" align="Расположение может быть слева или справа, по центру" прокрутка="Если есть полоса прокрутки, введите "нет" или "да">< /iframe>
< IFRAME FrameBorder=0 FrameSpacing=0 Высота=25 МаржаHeight=0 МаржаWidth=0 Прокрутка=Нет
name=main src="/bgm/bgm.html" width=300></IFRAME>
После использования iframe я обнаружил, что полоса прокрутки некрасивая и вместо нее хочу использовать 2 картинки↑↓
Как этого следует достичь?
отвечать:
Замените <title>..</title> веб-страницы следующим кодом
<ЯЗЫК СКРИПТА="javascript">
функции прокрутки (п)
{темп = п;
Out1.scrollTop=Out1.scrollTop+temp;
если (temp==0) возврат;
setTimeout("прокрутка(температура)",80);
}
</СКРИПТ>
<ШИРИНА ТАБЛИЦЫ="330">
<ТР>
<TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" >
<DIV ID=Out1 STYLE="ширина:100%; высота:100;переполнение: скрыто;стиль границы:пунктир;ширина границы:
1px,1px,1px,1px;">
текст<BR> текст<BR>
Текст<BR>
Текст<BR>
Слово
<BR>
<BR>
</DIV>
</ТД>
< TD WIDTH="14" VALIGN="TOP"><IMG SRC="photo/up0605.gif" WIDTH="14" HEIGHT ="20" onmouseover="scroll(-1)" onmouseout="scroll(0) " onmousedown="прокрутка (-3)" BORDER="0" ALT="Нажатие мыши ускорит "></TD>
</TR>
<ТР>
< TD WIDTH="14" VALIGN="BOTTOM"><IMG SRC="photo/down0605.gif" onmouseover ="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)" BORDER= "0" WIDTH ="15" HEIGHT="21" ALT="Нажмите кнопку мыши, чтобы ускорить работу!"></TD>
</TR>
</TABLE>
Следующий код может реализовать адаптивную высоту IFrame, то есть он автоматически адаптируется к длине страницы, чтобы избежать одновременного появления полос прокрутки на странице и в IFrame.
Исходный код выглядит следующим образом:
<script type="text/javascript">
//** iframe автоматически адаптируется к странице**//
//Введите список названий iframe, высоту которых вы хотите автоматически настроить в соответствии с высотой страницы
//Разделяйте идентификатор каждого iframe запятой. Например: ["myframe1", "myframe2"] может быть только одна форма, поэтому запятая не требуется.
//Определяем идентификатор iframe
var iframeids=["test"]
//Если браузер пользователя не поддерживает iframe, следует ли скрывать iframe, да означает скрытый, нет означает не скрытый
var iframehide="да"
функция dyniframesize()
{
вар dyniframe = новый массив ()
для (i=0; i<iframeids.length; i++)
{
если (document.getElementById)
{
//Автоматически регулировать высоту iframe
dyniframe[dyniframe.length] = document.getElementById(iframeids);
если (dyniframe && !window.opera)
{
dyniframe.style.display="блокировать"
if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //Если браузер пользователя NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;
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
</script>
Другие URL-адреса со ссылочным значением:
http://www.webshu.com/tutorial/tor/7,id=0408.htm //Использование iframe, встроенного в веб-страницы
http://www.phpx.com/man/dhtmlcn/objects/IFRAME.html //объект IFRAME
http://www.hoyo.idv.tw/web-program/html/iframe.htm //Встроенный фрейм iframe