Когда дело доходит до Iframe, вы, возможно, бросили его в забытый угол, но не привыкать говорить о его братском кадре. Теги кадров - это теги кадров. То, что мы называем многократной структурой,-это отображение нескольких HTML-файлов в окне браузера. Теперь мы сталкиваемся с очень реалистичной ситуацией: если есть учебное пособие, по одному разделу за раз, и в конце каждой страницы выполняется ссылка на предыдущие и следующие разделы. За исключением различного содержимого каждого раздела, содержимое других частей страницы одинаково. Если вы делаете глупую страницу на странице, это кажется слишком раздражающим. В это время у вас есть внезапная идея. Если есть способ сохранить другие части страницы без изменений, и только превратите учебник в страницу содержимого на странице без другого контента. Нажав на ссылку, чтобы подняться и вниз, измените только содержание учебника и держите остальные без изменений. Таким образом, можно сэкономить время, и в будущем, если произойдет изменение в учебном пособии, это также очень удобно, так что это не повлияет на всю армию; Что еще более важно, загрузите рекламный баннер, список столбцов, навигацию и другие вещи, которые загружаются только один раз, а затем больше не загружают его.
Теги IFRAME, также известные как теги с плавающей рамкой, могут использоваться для внедрения HTML -документа в HTML -дисплей. Он отличается от самой большой особенности тега кадра, то есть файл HTML, на который ссылается этот тег, не отображается независимо от другого файла HTML, но может быть непосредственно встроен в HTML -файл, смешанный с содержанием этого HTML -файла, чтобы стать целым. Кроме того, один и тот же контент может отображаться на странице много раз без необходимости повторять контент. Яркая метафора-это телевизор с изображением.
Теперь давайте поговорим об использовании тегов iframe.
Формат использования тегов iframe:
<Iframe src = url width = x height = x scrolling = [option] crameborder = x> </iframe>
SRC: путь к файлу, который является либо HTML -файлом, либо текстом, ASP и т. Д.;
Ширина, высота: ширина и высота области изображения на рисунке;
Прокрутка: когда указанный HTML -файл SRC не отображается в указанной области, опция прокрутки. Если это не установлено, не появится бара прокрутки; Если это автоматически: полоса прокрутки автоматически появится; Если это да, это будет отображаться;
Frameborder: Ширина границы области, которая часто устанавливается в 0, чтобы смешать изображение на картинке с соседним содержанием.
например:
<Iframe src = http: //netschool.cpcw.com/homepage width = 250 height = 200 scrolling = no crameborder = 0> </iframe>
2. Взаимный контроль между родительской формой и плавающей рамойВ языке сценариев и иерархии объектов окна, содержащие iframes, называются родительскими формами, в то время как плавучие рамы называются детскими формами. Важно понимать взаимосвязь между этими двумя, потому что для доступа к детским формам в родительской форме или наоборот, вы должны четко прояснить иерархию объекта, чтобы получить доступ и контролировать форму через программу.
1. Доступ и контроль объектов в детской форме в родительской форме
В родительской форме iframe, то есть дочерняя форма, является дочерним объектом объекта документа, и объекты в детской форме могут быть доступны непосредственно в сценарии.
Теперь есть вопрос, то есть, как мы контролируем это iframe? Здесь нам нужно поговорить об объекте iframe. После того, как мы установили атрибут ID на этот тег, мы можем использовать DOM -модель объекта документа для управления HTML, содержащимся в IFRAME.
Например, включите файл test.htm в example.htm и управляйте некоторыми тегированными объектами в test.htm:
<Iframe src = test.htm id = test width = 250 height = 200 scolling = no crameborder = 0> </iframe>
Код файла test.htm:
<html>
<тело>
<h1 id = myh1> Привет, мой мальчик </h1>
</body>
</html>
Если мы хотим изменить текст в теге H1 с идентификационным номером Myh1 на привет, моя дорогая, тогда:
document.myh1.innertext = Привет, мой дорогой (где можно сохранить документ)
В файле примера.
2. Доступ и контроль объектов в родительской форме в детской форме
В детской форме мы можем получить доступ к объектам в родительском окне через его родительский объект, то есть родительский (родительский) объект.
Например .htm:
<html>
<body onclick = alert (tt.myh1.innerhtml)>
<Iframe name = tt src = frame1.htm width = 250 height = 200 scrolling = no crameborder = 0> </iframe>
<h1 id = myh2> Привет, моя жена </h1>
</body>
</html>
Если вы хотите получить доступ к тексту заголовка с идентификационным номером Myh2 в Frame1.htm и измените его на Hello, мой друг, мы можем написать это так:
parent.myh2.innertext = Привет, мой друг
Здесь родительский объект представляет текущую форму (форма, где находится пример. HTM находится). Вам необходимо получить доступ к объектам в родительской форме в детской форме, и все они выполняются через родительский объект без исключения.
Хотя iframe встроен в другой HTML -файл, он остается относительно независимым и является сферой независимости. Характеристики в одном HTML также подходят для плавучих рам.
Представьте себе, что через теги iframe мы можем представлять это неизменное содержимое как iframes, чтобы не было необходимости повторять один и тот же контент. Это немного похоже на процесс или функцию в программировании, экономя много громоздкого ручного труда! Кроме того, крайне важно, чтобы это делало модификации страницы более осуществимыми, поскольку вам не нужно изменять каждую страницу из -за настройки макета, вам просто нужно изменить макет родительской формы.
Отнесее отметить, что браузер Nestscape не поддерживает теги iframe, но в мире IE это, кажется, нормально. Он широко использует теги iframe, которые не только рассматривают себя (веб -сайт) и экономит онлайн -расходы пользователей сети. Почему бы не сделать это?
Плавающая рама - это определение в спецификации HTML4.0, и в настоящее время браузеры поддерживают его.
В отличие от разделения, представленного Frameset, плавающая рама существует как встроенный объект на веб-странице, а его стиль похож на график или апплет на странице. Floating Frame использует тег <iframe>, который имеет большинство одинаковых настроек атрибута, что и <Frame>, включая: name, src, marginwidth, marginheight, crameborder и прокрутка. В то же время он также имеет такую же высоту, ширину и свойства выравнивания, что и графика или апплеты.
Более того, плавающая рамка следует тому же целевому принципу, что и обычный кадр: мы можем указать на него по его названию. Этот принцип применяется к плавающим кадрам в кадре любого типа, иначе это легко сделать. Ссылка без трагеты в плавающей рамке указывает на себя, в то время как _parent Link указывает на кадр или окно, где находится документ, содержащий <iframe>. например:
<Iframe name = floater src = start.htm ширина = 150 высота = 200 hspace = 10 align = left>
<Img src = images/noframe.gif alt = Вы не можете увидеть плавающую рамку
Ширина = 150 высота = 200 hspace = 10 align = справа>
</Iframe> <br>
<A href = one.htm target = floater> Показать one.htm </a> <p>
<A href = Two.htm target = floater> Покажите два.htm </a> <p>
<A href = start.htm target = floater> вернуть start.htm </a>
Обратите внимание, что для браузеров, которые поддерживают теги <iframe>, любой контент, расположенный между <iframe> и </iframe>, будет проигнорирован. Вместо этого будет отображаться содержимое в нем, которое можно использовать для объяснения, что текущий браузер не поддерживает <iframe>