Недавно я делал бумаги, и я был очень опытным. Я снова разработал Интернет и столкнулся с проблемой. В прошлом, когда я разработал веб -страницы, я бегал в IE, и я никогда не думал Firefox, не говоря уже о Chrome, но теперь он отличается. По крайней мере, я думаю, что веб -страницы, которые не совместимы с Firefox, чрезвычайно уродливы и подделы, поэтому из этой концепции я начал обращать внимание на эту совместимость при разработке страницы. На этот раз я столкнулся с проблемой совместимости. В HTML, <iframe> есть плавающая структура, которая может быть встроена на страницу, которая очень подходит для создания страницы кадра, как показано на рисунке ниже.
HTML -страница разделена на две части: навигационная панель слева и содержание, которое будет отображаться справа. Код заключается в следующем:
Код в левом столбце:
<Iframe frameborder = 0 id = frmtitleleft name = frameleft src = left.html style = высота: 100%; Ширина: 180px;>
Подключитесь к левому.html
Правый столбец похож. Для страницы, которую я сделал, эффект предварительного просмотра заключается в следующем:
Какое влияние сейчас должно быть достигнуто для достижения более практического эффекта? Нажатие на любую ссылку может отображаться в правом столбце. Очевидно, что он должен быть реализован через JS. Я не скажу много об оригинальном несовместимого метода. Пожалуйста, помните следующие шаги реализации:
1. Сначала получите объект iframe в правом столбце
var Frames = document.getElementById (frameId); // FrameID - идентификатор идентификатора iframe в правом столбце
2. Сбросить значение SRC
Frames.src = pageurl; // pageurl - это страница назначения, которая будет отображаться
Это включает прыжок страницы
Но есть еще один момент, если вы хотите вызвать функции, это не так просто
Например, в правом столбце есть функция (). Я хочу вызвать функцию right () в ссылке в левом столбце. Как его реализовать
1. Во -первых, левая категория встроена в индекс страницы контейнера. HTML, поэтому вам нужно сначала вернуться на уровень индекса и получить объект RightFrame
var frames = window.parent.window.document.getElementbyId (frameId);
2. Чтобы иметь возможность выполнять функции на его странице, вы должны получить объект Window. Вот важный объект, ContentWindow. Получить этот объект, а затем вы можете выполнить функции в нем, например, как
Frames.contentWindow.right ();
Приведенный выше код совместим с IE6, Firefox3 и Chrome 2.0. Все они успешно прошли тест. IE7 не пробовал, но это не должно быть проблемой.