iframe Archives - jsinthebits.com

Что такое iframe в HTML? Tag указывает встроенный кадр. Встроенная FRA … Tagged with HTML, CSS, JavaScript, новички.</p> </div> </div> <div class="section-inner"> <div class="post-meta-wrapper post-meta-single post-meta-single-bottom"> <ul class="post-meta"> <li class="post-tags meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Метки </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="" d="M15.4496399,8.42490555 L8.66109799,1.63636364 L1.63636364,1.63636364 L1.63636364,8.66081885 L8.42522727,15.44178 C8.57869221,15.5954158 8.78693789,15.6817418 9.00409091,15.6817418 C9.22124393,15.6817418 9.42948961,15.5954158 9.58327627,15.4414581 L15.4486339,9.57610048 C15.7651495,9.25692435 15.7649133,8.74206554 15.4496399,8.42490555 Z M16.6084423,10.7304545 L10.7406818,16.59822 C10.280287,17.0591273 9.65554997,17.3181054 9.00409091,17.3181054 C8.35263185,17.3181054 7.72789481,17.0591273 7.26815877,16.5988788 L0.239976954,9.57887876 C0.0863319284,9.4254126 0,9.21716044 0,9 L0,0.818181818 C0,0.366312477 0.366312477,0 0.818181818,0 L9,0 C9.21699531,0 9.42510306,0.0862010512 9.57854191,0.239639906 L16.6084423,7.26954545 C17.5601275,8.22691012 17.5601275,9.77308988 16.6084423,10.7304545 Z M5,6 C4.44771525,6 4,5.55228475 4,5 C4,4.44771525 4.44771525,4 5,4 C5.55228475,4 6,4.44771525 6,5 C6,5.55228475 5.55228475,6 5,6 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/tag/iframe/" rel="tag">iframe</a>, <a href="https://jsinthebits.com/tag/tag/" rel="tag">tag</a>, <a href="https://jsinthebits.com/tag/way/" rel="tag">way</a>, <a href="https://jsinthebits.com/tag/website/" rel="tag">website</a> </span> </li> </ul> </div> </div> </article> <hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true" /> <article class="post-11064 post type-post status-publish format-standard hentry category-1 tag-content tag-height tag-iframe" id="post-11064"> <header class="entry-header has-text-align-center"> <div class="entry-header-inner section-inner medium"> <div class="entry-categories"> <span class="screen-reader-text"> Рубрики </span> <div class="entry-categories-inner"> <a href="https://jsinthebits.com/category/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/" rel="category tag">Без рубрики</a> </div> </div> <h2 class="entry-title heading-size-1"><a href="https://jsinthebits.com/how-would-you-go-about-detecting-the-height-of-content-within-an-iframe-14d8-61f3dfbc/">Как бы вы обнаружили высоту содержания в IFRAME?</a></h2> <div class="post-meta-wrapper post-meta-single post-meta-single-top"> <ul class="post-meta"> <li class="post-author meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Автор записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path fill="" d="M18,19 C18,19.5522847 17.5522847,20 17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,15.3431458 14.6568542,14 13,14 L5,14 C3.34314575,14 2,15.3431458 2,17 L2,19 C2,19.5522847 1.55228475,20 1,20 C0.44771525,20 0,19.5522847 0,19 L0,17 C0,14.2385763 2.23857625,12 5,12 L13,12 C15.7614237,12 18,14.2385763 18,17 L18,19 Z M9,10 C6.23857625,10 4,7.76142375 4,5 C4,2.23857625 6.23857625,0 9,0 C11.7614237,0 14,2.23857625 14,5 C14,7.76142375 11.7614237,10 9,10 Z M9,8 C10.6568542,8 12,6.65685425 12,5 C12,3.34314575 10.6568542,2 9,2 C7.34314575,2 6,3.34314575 6,5 C6,6.65685425 7.34314575,8 9,8 Z" /></svg> </span> <span class="meta-text"> Автор: <a href="https://jsinthebits.com/author/benhalpern/">Ben Halpern</a> </span> </li> <li class="post-date meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Дата записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19"><path fill="" d="M4.60069444,4.09375 L3.25,4.09375 C2.47334957,4.09375 1.84375,4.72334957 1.84375,5.5 L1.84375,7.26736111 L16.15625,7.26736111 L16.15625,5.5 C16.15625,4.72334957 15.5266504,4.09375 14.75,4.09375 L13.3993056,4.09375 L13.3993056,4.55555556 C13.3993056,5.02154581 13.0215458,5.39930556 12.5555556,5.39930556 C12.0895653,5.39930556 11.7118056,5.02154581 11.7118056,4.55555556 L11.7118056,4.09375 L6.28819444,4.09375 L6.28819444,4.55555556 C6.28819444,5.02154581 5.9104347,5.39930556 5.44444444,5.39930556 C4.97845419,5.39930556 4.60069444,5.02154581 4.60069444,4.55555556 L4.60069444,4.09375 Z M6.28819444,2.40625 L11.7118056,2.40625 L11.7118056,1 C11.7118056,0.534009742 12.0895653,0.15625 12.5555556,0.15625 C13.0215458,0.15625 13.3993056,0.534009742 13.3993056,1 L13.3993056,2.40625 L14.75,2.40625 C16.4586309,2.40625 17.84375,3.79136906 17.84375,5.5 L17.84375,15.875 C17.84375,17.5836309 16.4586309,18.96875 14.75,18.96875 L3.25,18.96875 C1.54136906,18.96875 0.15625,17.5836309 0.15625,15.875 L0.15625,5.5 C0.15625,3.79136906 1.54136906,2.40625 3.25,2.40625 L4.60069444,2.40625 L4.60069444,1 C4.60069444,0.534009742 4.97845419,0.15625 5.44444444,0.15625 C5.9104347,0.15625 6.28819444,0.534009742 6.28819444,1 L6.28819444,2.40625 Z M1.84375,8.95486111 L1.84375,15.875 C1.84375,16.6516504 2.47334957,17.28125 3.25,17.28125 L14.75,17.28125 C15.5266504,17.28125 16.15625,16.6516504 16.15625,15.875 L16.15625,8.95486111 L1.84375,8.95486111 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/how-would-you-go-about-detecting-the-height-of-content-within-an-iframe-14d8-61f3dfbc/">17.06.2022</a> </span> </li> </ul> </div> </div> </header> <div class="post-inner thin "> <div class="entry-content"> <p>Допустим, у вас есть iframe, и вы хотели бы обнаружить высоту его окна, как только содержание будет … Tagged with Help, WebDev, JavaScript.</p> </div> </div> <div class="section-inner"> <div class="post-meta-wrapper post-meta-single post-meta-single-bottom"> <ul class="post-meta"> <li class="post-tags meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Метки </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="" d="M15.4496399,8.42490555 L8.66109799,1.63636364 L1.63636364,1.63636364 L1.63636364,8.66081885 L8.42522727,15.44178 C8.57869221,15.5954158 8.78693789,15.6817418 9.00409091,15.6817418 C9.22124393,15.6817418 9.42948961,15.5954158 9.58327627,15.4414581 L15.4486339,9.57610048 C15.7651495,9.25692435 15.7649133,8.74206554 15.4496399,8.42490555 Z M16.6084423,10.7304545 L10.7406818,16.59822 C10.280287,17.0591273 9.65554997,17.3181054 9.00409091,17.3181054 C8.35263185,17.3181054 7.72789481,17.0591273 7.26815877,16.5988788 L0.239976954,9.57887876 C0.0863319284,9.4254126 0,9.21716044 0,9 L0,0.818181818 C0,0.366312477 0.366312477,0 0.818181818,0 L9,0 C9.21699531,0 9.42510306,0.0862010512 9.57854191,0.239639906 L16.6084423,7.26954545 C17.5601275,8.22691012 17.5601275,9.77308988 16.6084423,10.7304545 Z M5,6 C4.44771525,6 4,5.55228475 4,5 C4,4.44771525 4.44771525,4 5,4 C5.55228475,4 6,4.44771525 6,5 C6,5.55228475 5.55228475,6 5,6 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/tag/content/" rel="tag">content</a>, <a href="https://jsinthebits.com/tag/height/" rel="tag">height</a>, <a href="https://jsinthebits.com/tag/iframe/" rel="tag">iframe</a> </span> </li> </ul> </div> </div> </article> <hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true" /> <article class="post-10448 post type-post status-publish format-standard hentry category-1 tag-cross tag-domain tag-height tag-iframe tag-situation tag-time" id="post-10448"> <header class="entry-header has-text-align-center"> <div class="entry-header-inner section-inner medium"> <div class="entry-categories"> <span class="screen-reader-text"> Рубрики </span> <div class="entry-categories-inner"> <a href="https://jsinthebits.com/category/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/" rel="category tag">Без рубрики</a> </div> </div> <h2 class="entry-title heading-size-1"><a href="https://jsinthebits.com/resize-a-cross-domain-iframe-the-hackiest-way-1j57-1ee4e7f6/">Изменить размер перекрестного домена iframe (самый хакерский путь)</a></h2> <div class="post-meta-wrapper post-meta-single post-meta-single-top"> <ul class="post-meta"> <li class="post-author meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Автор записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path fill="" d="M18,19 C18,19.5522847 17.5522847,20 17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,15.3431458 14.6568542,14 13,14 L5,14 C3.34314575,14 2,15.3431458 2,17 L2,19 C2,19.5522847 1.55228475,20 1,20 C0.44771525,20 0,19.5522847 0,19 L0,17 C0,14.2385763 2.23857625,12 5,12 L13,12 C15.7614237,12 18,14.2385763 18,17 L18,19 Z M9,10 C6.23857625,10 4,7.76142375 4,5 C4,2.23857625 6.23857625,0 9,0 C11.7614237,0 14,2.23857625 14,5 C14,7.76142375 11.7614237,10 9,10 Z M9,8 C10.6568542,8 12,6.65685425 12,5 C12,3.34314575 10.6568542,2 9,2 C7.34314575,2 6,3.34314575 6,5 C6,6.65685425 7.34314575,8 9,8 Z" /></svg> </span> <span class="meta-text"> Автор: <a href="https://jsinthebits.com/author/javelrowe/">Javel Rowe</a> </span> </li> <li class="post-date meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Дата записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19"><path fill="" d="M4.60069444,4.09375 L3.25,4.09375 C2.47334957,4.09375 1.84375,4.72334957 1.84375,5.5 L1.84375,7.26736111 L16.15625,7.26736111 L16.15625,5.5 C16.15625,4.72334957 15.5266504,4.09375 14.75,4.09375 L13.3993056,4.09375 L13.3993056,4.55555556 C13.3993056,5.02154581 13.0215458,5.39930556 12.5555556,5.39930556 C12.0895653,5.39930556 11.7118056,5.02154581 11.7118056,4.55555556 L11.7118056,4.09375 L6.28819444,4.09375 L6.28819444,4.55555556 C6.28819444,5.02154581 5.9104347,5.39930556 5.44444444,5.39930556 C4.97845419,5.39930556 4.60069444,5.02154581 4.60069444,4.55555556 L4.60069444,4.09375 Z M6.28819444,2.40625 L11.7118056,2.40625 L11.7118056,1 C11.7118056,0.534009742 12.0895653,0.15625 12.5555556,0.15625 C13.0215458,0.15625 13.3993056,0.534009742 13.3993056,1 L13.3993056,2.40625 L14.75,2.40625 C16.4586309,2.40625 17.84375,3.79136906 17.84375,5.5 L17.84375,15.875 C17.84375,17.5836309 16.4586309,18.96875 14.75,18.96875 L3.25,18.96875 C1.54136906,18.96875 0.15625,17.5836309 0.15625,15.875 L0.15625,5.5 C0.15625,3.79136906 1.54136906,2.40625 3.25,2.40625 L4.60069444,2.40625 L4.60069444,1 C4.60069444,0.534009742 4.97845419,0.15625 5.44444444,0.15625 C5.9104347,0.15625 6.28819444,0.534009742 6.28819444,1 L6.28819444,2.40625 Z M1.84375,8.95486111 L1.84375,15.875 C1.84375,16.6516504 2.47334957,17.28125 3.25,17.28125 L14.75,17.28125 C15.5266504,17.28125 16.15625,16.6516504 16.15625,15.875 L16.15625,8.95486111 L1.84375,8.95486111 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/resize-a-cross-domain-iframe-the-hackiest-way-1j57-1ee4e7f6/">28.05.2022</a> </span> </li> </ul> </div> </div> </header> <div class="post-inner thin "> <div class="entry-content"> <p>Ситуация 🤔 Некоторое время назад я реализовал перекрестный домен в следующем.js и запустил … Tagged с JavaScript, Node, React, WebDev.</p> </div> </div> <div class="section-inner"> <div class="post-meta-wrapper post-meta-single post-meta-single-bottom"> <ul class="post-meta"> <li class="post-tags meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Метки </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="" d="M15.4496399,8.42490555 L8.66109799,1.63636364 L1.63636364,1.63636364 L1.63636364,8.66081885 L8.42522727,15.44178 C8.57869221,15.5954158 8.78693789,15.6817418 9.00409091,15.6817418 C9.22124393,15.6817418 9.42948961,15.5954158 9.58327627,15.4414581 L15.4486339,9.57610048 C15.7651495,9.25692435 15.7649133,8.74206554 15.4496399,8.42490555 Z M16.6084423,10.7304545 L10.7406818,16.59822 C10.280287,17.0591273 9.65554997,17.3181054 9.00409091,17.3181054 C8.35263185,17.3181054 7.72789481,17.0591273 7.26815877,16.5988788 L0.239976954,9.57887876 C0.0863319284,9.4254126 0,9.21716044 0,9 L0,0.818181818 C0,0.366312477 0.366312477,0 0.818181818,0 L9,0 C9.21699531,0 9.42510306,0.0862010512 9.57854191,0.239639906 L16.6084423,7.26954545 C17.5601275,8.22691012 17.5601275,9.77308988 16.6084423,10.7304545 Z M5,6 C4.44771525,6 4,5.55228475 4,5 C4,4.44771525 4.44771525,4 5,4 C5.55228475,4 6,4.44771525 6,5 C6,5.55228475 5.55228475,6 5,6 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/tag/cross/" rel="tag">cross</a>, <a href="https://jsinthebits.com/tag/domain/" rel="tag">domain</a>, <a href="https://jsinthebits.com/tag/height/" rel="tag">height</a>, <a href="https://jsinthebits.com/tag/iframe/" rel="tag">iframe</a>, <a href="https://jsinthebits.com/tag/situation/" rel="tag">situation</a>, <a href="https://jsinthebits.com/tag/time/" rel="tag">time</a> </span> </li> </ul> </div> </div> </article> </main> <footer id="site-footer" class="header-footer-group"> <div class="section-inner"> <div class="footer-credits"> <p class="footer-copyright">© 2026 <a href="https://jsinthebits.com/">jsinthebits.com</a> </p> <p class="privacy-policy"><a class="privacy-policy-link" href="https://jsinthebits.com/privacy-policy/" rel="privacy-policy">Политика конфиденциальности</a></p> <p class="powered-by-wordpress"> <a href="https://ru.wordpress.org/"> Сайт работает на WordPress </a> </p> </div> <a class="to-the-top" href="#site-header"> <span class="to-the-top-long"> Наверх <span class="arrow" aria-hidden="true">↑</span> </span> <span class="to-the-top-short"> Вверх <span class="arrow" aria-hidden="true">↑</span> </span> </a> </div> </footer> <script src="https://jsinthebits.com/wp-content/plugins/wp-codemirror-block/vendor/codemirror/lib/codemirror.min.js?ver=5.40.5" id="codemirror-js"></script> <script id="codemirror-autoload-assets-js-before"> var wpcm = {"plugin_url":"https://jsinthebits.com/wp-content/plugins/wp-codemirror-block","assets":[],"panelOptions":{"showPanel":false,"languageLabel":false,"runButton":false,"fullScreenButton":false,"copyButton":false},"view":"public"} </script> <script src="https://jsinthebits.com/wp-content/plugins/wp-codemirror-block/assets/js/autoLoadAssets.min.js?ver=1670277475" id="codemirror-autoload-assets-js"></script> <script src="https://jsinthebits.com/wp-content/plugins/wp-codemirror-block/assets/js/init.min.js?ver=1670277475" id="codemirror-init-js"></script> </body> </html>