Когда дело доходит до Iframe, вы, возможно, уже бросили его в «забытый угол», но для его брата -кадры это не привыкать. Теги кадров - это теги кадров. То, что мы называем многократной структурой,-это отображение нескольких HTML-файлов в окне браузера. Этот веб -сайт содержит эту статью, чтобы рассказать об использовании кадров на странице производства тегов iframe, и подробно объясните соответствующие технологии и знания тегов iframe. Добро пожаловать, чтобы дать вам поддержку и помощь в этом отношении! Ниже приведены подробности:
Глядя на текущие веб -сайты, скорость интернета немного медленная, но почти на каждой странице есть много подобных вещей, таких как баннеры, изображения колонн, авторские права и т. Д., Конечно, для потребностей единого стиля веб -сайта и рекламных эффектов, это понятно, но в конце концов, кошельки пользователей становятся все более устаревшими от этих украшенных вещей. Есть ли способ предотвратить загрузку этих подобных вещей один раз, но загрузить только этот веб -контент с изменениями в контенте?
Ответ - да: применить теги iframe!
1. Использование тегов iframe
Когда дело доходит до 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, которые не только рассматривают себя (веб -сайт) и экономит онлайн -расходы пользователей сети. Почему бы не сделать это?
Содержание об использовании структуры на странице производства тегов iframe и случаи для окончания этой статьи. Вы можете добавить URL -адрес этой страницы http://www.vevb.com/web/a/2018090543436.shtml для легкого доступа в следующий раз.