HTML iframe се използва за показване на вложена уеб страница (уеб страница в уеб страница). HTML
HTML iframe вгражда друг документ в текущия HTML документ в правоъгълната област.
Съдържанието на уеб страницата и съдържанието на iframe могат да взаимодействат помежду си с помощта на JavaScript.
видове тестване на софтуер
Синтаксис на iframe
HTML iframe се дефинира с
<iframe src="URL"></iframe>
Тук атрибутът 'src' указва уеб адреса (URL) на страницата с вградена рамка.
Задайте ширина и височина на iframe
Можете да зададете ширината и височината на iframe, като използвате атрибутите „width“ и „height“. По подразбиране стойностите на атрибутите са посочени в пиксели, но можете да ги зададете и в проценти. т.е. 50%, 60% и т.н.
Пример: (пиксели)
<h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Тествайте сега
Пример: (процент)
<h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Тествайте сега
Можете също да използвате CSS, за да зададете височината и ширината на iframe.
Пример:
<h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Тествайте сега
Премахнете границата на iframe
По подразбиране iframe съдържа рамка около себе си. Можете да премахнете границата, като използвате атрибут и CSS свойство за граница.
Пример:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Тествайте сега
Можете също така да промените размера, цвета, стила на рамката на iframe.
Пример:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Тествайте сега
Цел на iframe за връзка
Можете да зададете целева рамка за връзка с помощта на iframe. Посоченият от вас целеви атрибут на връзката трябва да препраща към атрибута name на iframe.
java масивът е сортиран
Пример:
<h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>Тествайте сега
Изход
new.hmtl изходен код:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>
Вграждане на YouTube видео с помощта на iframe
Можете също да добавите видеоклип в YouTube на вашата уеб страница, като използвате
Следват някои стъпки за добавяне на видеоклип в YouTube на вашата уеб страница:
- Отидете на видеоклип в YouTube, който искате да вградите.
- Кликнете върху СПОДЕЛЯНЕ ➦ под видеоклипа.
- Кликнете върху опцията Вграждане.
- Копирайте HTML кода.
- Поставете кода във вашия HTML файл
- Променете височината, ширината и други свойства (според изискването).
Пример:
<iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>Тествайте сега
Изход:
str.substring в java
Атрибути на
Име на атрибут | Стойност | Описание |
---|---|---|
позволи цял екран | Ако е вярно, този кадър може да се отвори на цял екран. | |
височина | Пиксели | Той определя височината на вградения iframe, а височината по подразбиране е 150 px. |
име | текст | Той дава името на iframe. Атрибутът име е важен, ако искате да създадете връзка в един кадър. |
граница на рамката | 1 или 0 | Той определя дали iframe трябва да има рамка или не. (Не се поддържа в HTML5). |
ширина | Пиксели | Той определя ширината на вградената рамка, а ширината по подразбиране е 300 px. |
src | URL адрес | Атрибутът src се използва, за да даде на името на пътя или името на файла кое съдържание да се зареди в iframe. |
пясъчник | ||
Този атрибут се използва за прилагане на допълнителни ограничения за съдържанието на рамката | ||
разрешителни форми | Позволява изпращането на формуляра, ако тази ключова дума не се използва, тогава подаването на формуляр се блокира. | |
разрешаване на изскачащи прозорци | Той ще активира изскачащи прозорци и ако не се приложи, няма да се отвори изскачащ прозорец. | |
позволяващи скриптове | Това ще даде възможност на скрипта да се изпълнява. | |
позволи-същия произход | Ако се използва тази ключова дума, тогава вграденият ресурс ще се третира като изтеглен от същия източник. | |
srcdoc | Атрибутът srcdoc се използва за показване на HTML съдържанието във вградения iframe. Той отменя атрибута src (ако браузърът го поддържа). | |
превъртане | ||
Това показва, че браузърът трябва да предоставя лента за превъртане за iframe или не. (Не се поддържа в HTML5) | ||
Автоматичен | Лентата за превъртане се показва само ако съдържанието на iframe е по-голямо от неговите размери. | |
да | Винаги показва лентата за превъртане за iframe. | |
Не | Никога не показва лентата за превъртане за iframe. |