Если пользователь забывает указать его во время создания iframe, его можно добавить динамически после создания с помощью JavaScript.
В этом руководстве объясняется полная процедура передачи параметров URL-адреса в iframe в JavaScript.
Каков процесс передачи параметров URL-адреса в iframe в JavaScript?
Чтобы передать параметры URL-адреса в «Iframe», следуйте предоставленным пошаговым инструкциям.
Шаг 1. Создайте HTML-код элемента HTML Iframe
Во-первых, создайте элемент «iframe» в HTML-коде с помощью « ' ярлык:
< идентификатор iframe '=' 'мойфрейм' рамка '=' '1' >/ iframe >
Здесь созданный элемент HTML имеет идентификатор «myIframe» и стилизован с использованием свойства «frameborder» со значением «1».
Шаг 2. Передайте параметр URL в созданный iframe
Затем следуйте приведенному ниже коду JavaScript, чтобы передать/добавить параметр URL-адреса в созданный элемент iframe:
< сценарий >пусть iframe '=' документ. getElementById ( 'мойфрейм' ) ;
позволять URL-адрес '=' 'onkeyup.html' ;
пусть ширина '=' '300' ;
пусть высота '=' '500' ;
пусть гео '=' 'Великобритания' ;
пропуститьURL '=' URL-адрес + '?гео=' + гео + '&размер=' + ширина + 'Икс' + высота ;
Iframe. источник '=' URL-адрес объявления ;
консоль. бревно ( пройтиURL ) ;
сценарий >
В приведенных выше строках кода:
- Первая переменная «Iframe» применяет « документ.getElementById() ” для доступа к созданному элементу “iframe” по его идентификатору “myIframe”.
- Второй ' URL-адрес Переменная » указывает путь к желаемому документу, который пользователь хочет встроить в текущий HTML-документ через iframe.
- Далее « ширина Переменная «» определяет ширину созданного элемента iframe и « высота Переменная ” задает его высоту.
- После этого переменная «geo» определяет домен URL-адреса, т. е. «uk (домен верхнего уровня с кодом страны в Интернете (ccTLD))».
- Сейчас ' пройтиURL Переменная объединяет значения URL-адреса, географического положения, ширины и высоты для создания URL-адреса.
- Затем передайте созданный URL-адрес созданному элементу iframe.
- Наконец, « консоль.log() ” отображает созданный URL-адрес.
Шаг 3. Проверьте вывод
Можно заметить, что построенный URL-адрес HTML-документа успешно передан в созданный элемент iframe.
Заключение
В JavaScript, чтобы передать параметры URL-адреса элементу iframe, пользователю необходимо сначала «создать образец элемента iframe», а затем «создать URL-адрес», указав его «путь», «ширину», «высоту» и «домен». атрибуты. Когда URL-адрес создан, передайте его в созданный элемент HTML iframe. В этом руководстве практически объяснена полная процедура передачи параметров URL-адреса в iframe в JavaScript.