Простое использование iframe, получение iframe, получение значения элемента iframe, iframe получение информации о родительской странице

1.iframe прост в использовании

<iframe>Тег определяет встроенный фрейм.

Встроенный фрейм используется для встраивания другого документа в текущий HTML-документ.

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

  • ширина Ширина вставленной страницы;
  • высота Высота вставленной страницы;
  • scrolling Отображать ли полосу прокрутки страницы (дополнительные параметры auto, yes, no, если этот параметр опущен, по умолчанию стоит auto);
  • размер границы рамки;

Примечание. Рекомендуется использовать абсолютный путь для URL-адреса.

<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

Если на странице есть фрейм, щелкните ссылку на странице, чтобы запросить <iframe>его открытие на этой странице. <iframe >Укажите имя в

<iframe name=**  ></iframe>

Затем измените режим открытия по умолчанию: добавьте <a href=URL target=**>или частично соедините целевой фрейм с (**) в заголовке веб-страницы.

Чтобы вставить страницу. Попросите взять только среднюю часть. Ничего больше.

код:

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

Управляет глубиной покрытия вставленной страницы рамкой marginwidth=0 marginheight=0;Управляет глубиной части над рамкойvspace=-170

Требуется ли прокрутка (авто, да, нет) Размер границы рамки рамки, ширина=776 высота=2500 Размер этой рамки.

2. Получите iframe

Обычно используемые методы получения элементов, dom, jQ и т.д.;

var ifr = document.getElementById(‘mainIframe0’)

3. Получить значение элемента iframe

ifr.contentWindow

Получить объект окна

Window {
    
    postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window,}

ifr.contentWindow.Глобальные переменные, определяемые значением.

4. iframe получает информацию о родительской странице:

Получите значение родительского элемента страницы:

jquery方式:$("#auditDate",parent.document).val();

js方式:parent.document.getElementById(“auditDate”).value;

Guess you like

Origin blog.csdn.net/m0_63348818/article/details/125358251