最新iframe替代方案,网页没有iframe怎么办

iframe改变src不刷新 2023-12-24 10:10 444 墨鱼

iframe改变src不刷新

最新iframe替代方案,网页没有iframe怎么办

iframe的内容完全位于当前页面不同的上下文中。虽然这是一个很棒的功能，而且是不同浏览器版本之间兼容最好的，但是它也带来了额外的问题(将frame大小所以我一直在环顾四周，对这个话题有点失落.人们已经说过iframe的替代方案，但我认为没有任何东西适合我正在努力做的事情.我基本上创建了一个小型游戏，它使用视频并根据键盘输</p> <h2>iframe替代方案 vue</h2><p style="font-size:16px;color:#00FF33">51CTO博客已为您找到关于vue中iframe的替代方案的相关内容，包含IT学习相关文档代码介绍、相关教程视频课程，以及vue中iframe的替代方案问答内容。更多vue中iframe的替代方案相$(document).ready(function(){ $.get("a.html",function(data){ //初始將a.html include div#iframe $("#iframe").html(data); }); 二ShadowDOM 2.1 还记得if</p> <h2>iframe替代方案前端</h2><p style="font-size:16px;color:#CC3366">1、使用object标签替代我们可以使用HTML中的object标签在网页中嵌入外部资源。我们可以使用标签在我们网页中显示另一个网页。object标签是HTML中iframe标签的网易163免费邮箱，你的专业电子邮局，注册用户数超10亿，专业稳定安全。网易邮箱官方App“邮箱大师”帮您高效处理邮件，支持所有邮箱，并可在手机、Windows和Mac上多端协同使用。</p> <h2>iframe的替代方案</h2><p style="font-size:16px;color:#999966">html取代frame框架，HTML5替代iFrame的⽅法基本上，有4种将HTML嵌⼊⽹页的⽅法：iframe的内容完全位于与页⾯不同的上下⽂中。虽然这主要是⼀个很棒的功能，并且在浏览器版本高度和宽度的测量以像素为单位。通过这种方式，我们可以在HTML 中使用embed标签来替代iframe标签。但是，推荐使用iframe标签而不是embed标签。示例代码：<embe</p> <div class="clear"></div> <div class="pagebar"> </div> <div class="pcd_ad"> <script src="static/js/thea7.js"></script> </div> <div class="mbd_ad"> <table width="100%" height="90" style="background-color:#ccc;"> <tr align="center"> <td style="text-align: center;color: #666;">后台-插件-广告管理-内容页尾部广告（手机）</td> </tr> </table> </div> </div> <p id="tag-wrap" class="tag-wrap"> <i class="fa fa-tags"></i>标签： <span class="padding"><a href="https://www.dzhhkl.com/h6stf5gj.html" target="_blank">网页没有iframe怎么办</a></span> </p> <div class="nextlog"> <a href="https://www.dzhhkl.com/s9i3lagd.html" class="prev"> <small>上一篇</small> <i class="fa fa-angle-left fa-3x"></i> <h2>iframe嵌套第三方页面,怎么解决</h2> </a> <a href="https://www.dzhhkl.com/spi3rch7.html" class="next"> <small>下一篇</small> <h2>除了iframe还有什么办法嵌入页面</h2><i class="fa fa-angle-right fa-3x"></i> </a> </div> <div class="link-box"> <p class="title">相关文章</p> <ul class="loglist"> <li class="con"> <div class="info"> </div> <div class="des"> <a class="h2" href="https://www.dzhhkl.com/mc5uqhuk.html" title="获取iframe页面内容">获取iframe页面内容</a> <a href="https://www.dzhhkl.com/mc5uqhuk.html" title="获取iframe页面内容" class="pic"> <img class="img br img-cover" src="config/images/resimg_368.jpg" alt="获取iframe页面内容"> </a> <div class="text"> <p>获取iframe页面内容 </p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>12-24</span> <span class="view"><i class="fa fa-eye"></i>444</span></p> </div> </div> <a href="https://www.dzhhkl.com/mc5uqhuk.html" title="获取iframe页面内容" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> </div> <div class="des"> <a class="h2" href="https://www.dzhhkl.com/7k1lleqh.html" title="iframe跨域访问子页面,iframe跨域访问">iframe跨域访问子页面,iframe跨域访问</a> <a href="https://www.dzhhkl.com/7k1lleqh.html" title="iframe跨域访问子页面,iframe跨域访问" class="pic"> <img class="img br img-cover" src="config/images/resimg_003.jpg" alt="iframe跨域访问子页面,iframe跨域访问"> </a> <div class="text"> <p>3.方法一:使用 window.frames[] 访问 iframe 里的内容 4.方法二:使用 contentWindow/contentDocument 访问 iframe 里的内容 5.方法三:使用 postMessage API 在 iframe 之间传... </p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>12-24</span> <span class="view"><i class="fa fa-eye"></i>444</span></p> </div> </div> <a href="https://www.dzhhkl.com/7k1lleqh.html" title="iframe跨域访问子页面,iframe跨域访问" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> </div> <div class="des"> <a class="h2" href="https://www.dzhhkl.com/qrvuknr2.html" title="iframe嵌套https页面">iframe嵌套https页面</a> <a href="https://www.dzhhkl.com/qrvuknr2.html" title="iframe嵌套https页面" class="pic"> <img class="img br img-cover" src="config/images/resimg_577.jpg" alt="iframe嵌套https页面"> </a> <div class="text"> <p>iframe嵌套https页面 </p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>12-24</span> <span class="view"><i class="fa fa-eye"></i>444</span></p> </div> </div> <a href="https://www.dzhhkl.com/qrvuknr2.html" title="iframe嵌套https页面" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> </div> <div class="des"> <a class="h2" href="https://www.dzhhkl.com/sts8dnlb.html" title="win7安卓模拟器电脑版">win7安卓模拟器电脑版</a> <a href="https://www.dzhhkl.com/sts8dnlb.html" title="win7安卓模拟器电脑版" class="pic"> <img class="img br img-cover" src="config/images/resimg_523.jpg" alt="win7安卓模拟器电脑版"> </a> <div class="text"> <p>win7安卓模拟器电脑版 </p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>12-24</span> <span class="view"><i class="fa fa-eye"></i>444</span></p> </div> </div> <a href="https://www.dzhhkl.com/sts8dnlb.html" title="win7安卓模拟器电脑版" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> </div> <div class="des"> <a class="h2" href="https://www.dzhhkl.com/add38ruq.html" title="电脑端安卓模拟器哪个好,pc端游戏模拟器">电脑端安卓模拟器哪个好,pc端游戏模拟器</a> <a href="https://www.dzhhkl.com/add38ruq.html" title="电脑端安卓模拟器哪个好,pc端游戏模拟器" class="pic"> <img class="img br img-cover" src="config/images/resimg_1226.jpg" alt="电脑端安卓模拟器哪个好,pc端游戏模拟器"> </a> <div class="text"> <p>NoxPlayer:NoxPlayer 是夜神模拟器的海外版,是另一款流行的安卓模拟器支持Windows PC和Mac电脑它可以让您在 Windows 系统上运行安卓应用和游戏。它也支持安装 Google Play 服务,让您可以在模拟... </p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>12-24</span> <span class="view"><i class="fa fa-eye"></i>444</span></p> </div> </div> <a href="https://www.dzhhkl.com/add38ruq.html" title="电脑端安卓模拟器哪个好,pc端游戏模拟器" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> </ul> </div> </div> </div> <div id="comment" class="post-comment card"> <p id="comments-title" class="c-title"><span>发表评论</span> <span class="comment-num"> </span></p> <div class="compost"> <form name="saypl" id="saypl" target="_self" method="post" action="#"> <input name="id" type="hidden" id="id" value="549" /> <input name="classid" type="hidden" id="classid" value="1" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="/cyzx/2018-10-12/549.html"> <input name="password" type="hidden" class="inputText" id="password" value="" size="16" /> <input name="nomember" type="hidden" id="nomember" value="1" checked="checked" /> <div class="com-name"> <a rel="nofollow" id="cancel-reply" href="#comments" style="display:none;">取消回复</a> </div> <div class="com-info"> <ul> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="username" id="inpName" value="" tabindex="2" placeholder="昵称(必填)"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpEmail" id="inpEmail" value="" tabindex="3" placeholder="邮箱"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpHomePage" id="inpHomePage" value="" tabindex="4" placeholder="网址"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="key" id="inpVerify" tabindex="4" placeholder="输入验证码"> <span class="verify"><img src="static/picture/77590ee28d23486385c9aab365158092.gif" class="br verifyimg" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='/e/ShowKey/?v=pl&t='+Math.random()" /></span> </li> </ul> </div> <div class="com-box"> <textarea placeholder="在这里留言评论..." class="textarea" name="saytext" id="txaArticle" cols="5" rows="5" tabindex="1"></textarea> </div> <div class="com-info"> <button class="com-submit br brightness" name="sumbit" type="submit" tabindex="5" onclick="return zbp.comment.post()">发布评论</button> </div> </form> </div> <div class="comment-list mt"> <p class="title">评论列表</p> <span id="AjaxCommentBegin"></span> <script src="static/js/5975a18b8f174cd7853c4c62a26525f5.js"></script> <div class="pagebar"> <div class="nav-links"> </div> </div> <span id="AjaxCommentEnd"></span> </div> </div> </div> <div id="sidebar"> <section id="aside_new" class="widget widget_aside_new sb br mb"> <h3><span>最新文章</span></h3> <ul class="widget-content aside_new"> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/f2b3f37d.html" title="winlator模拟器游戏放哪">winlator模拟器游戏放哪</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/8k7qrd8c.html" title="winlator模拟器obb数据包获取,win10 安卓模拟器">winlator模拟器obb数据包获取,win10 安卓模拟器</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/nopgu86u.html" title="剪映怎么把录音导入">剪映怎么把录音导入</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/ausaalac.html" title="剪映录音怎么降噪">剪映录音怎么降噪</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/ptjeirq4.html" title="项目经理坐牢的多吗">项目经理坐牢的多吗</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/7rkaittc.html" title="项目经理要什么学历">项目经理要什么学历</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/q3ncf6s4.html" title="免费的vps有哪些,免费的加速器">免费的vps有哪些,免费的加速器</a></li> <li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.dzhhkl.com/tq06pqrk.html" title="项目经理说白了是干什么的">项目经理说白了是干什么的</a></li> </ul> </section> <section id="aside_hot" class="widget widget_aside_ad sb br mb"> <script src="static/js/thea3.js"></script> </section> <section id="aside_hot" class="widget widget_aside_hot sb br mb"> <h3><span>热门文章</span></h3> <ul class="widget-content aside_hot"> <li class="clearfix"><span class="list list-1">1</span><a href="https://www.dzhhkl.com/14gmb3el.html" title="我花了两个小时做作业的翻译技巧">我花了两个小时做作业的翻译技巧</a></li> <li class="clearfix"><span class="list list-2">2</span><a href="https://www.dzhhkl.com/37tir9cu.html" title="write to me">write to me</a></li> <li class="clearfix"><span class="list list-3">3</span><a href="https://www.dzhhkl.com/lf6v43cj.html" title="sb的词语含义">sb的词语含义</a></li> <li class="clearfix"><span class="list list-4">4</span><a href="https://www.dzhhkl.com/igf96fp9.html" title="write写信给某人3种用法">write写信给某人3种用法</a></li> <li class="clearfix"><span class="list list-5">5</span><a href="https://www.dzhhkl.com/gak6ffgi.html" title="年轻人就业困难英语">年轻人就业困难英语</a></li> <li class="clearfix"><span class="list list-6">6</span><a href="https://www.dzhhkl.com/9futqp2i.html" title="找工作的重要因素英语作文">找工作的重要因素英语作文</a></li> <li class="clearfix"><span class="list list-7">7</span><a href="https://www.dzhhkl.com/2prf82of.html" title="给找工作的人的建议英语作文,关于网上找工作的英语作文">给找工作的人的建议英语作文,关于网上找工作的英语作文</a></li> <li class="clearfix"><span class="list list-8">8</span><a href="https://www.dzhhkl.com/um2fc33a.html" title="yin和ying的顺口溜,yin和ying的汉字有哪些">yin和ying的顺口溜,yin和ying的汉字有哪些</a></li> </ul> </section> <section id="aside_hot" class="widget widget_aside_ad sb br mb"> <script src="static/js/thea4.js"></script> </section> <section id="divTags" class="widget widget_tags sb br mb"> <h3><span>标签列表</span></h3> <div class="widget-content divTags"> <li><a href="https://www.dzhhkl.com/49q13od7.html">极光加速器官方网站</a></li> <li><a href="https://www.dzhhkl.com/lca622c2.html">极光加速器</a></li> <li><a href="https://www.dzhhkl.com/hl59ueh3.html">极光vp加速器</a></li> <li><a href="https://www.dzhhkl.com/1v7cp7mg.html">极光加速器下载官网</a></li> <li><a href="https://www.dzhhkl.com/djrdu002.html">极光vp</a></li> <li><a href="https://www.dzhhkl.com/42fe6a98.html">极光vp加速器下载</a></li> <li><a href="https://www.dzhhkl.com/196slkd8.html">极光加速器ios</a></li> <li><a href="https://www.dzhhkl.com/m6tkcp78.html">极光加速器官网</a></li> <li><a href="https://www.dzhhkl.com/rvfnof9j.html">红杏加速器下载官方</a></li> <li><a href="https://www.dzhhkl.com/1dc3dmtp.html">极光翻墙</a></li> <li><a href="https://www.dzhhkl.com/l5i9anfb.html">开眼加速器官网</a></li> <li><a href="https://www.dzhhkl.com/d97jnvgs.html">浏览youtube加速器推荐</a></li> <li><a href="https://www.dzhhkl.com/62iat768.html">速锐加速ssr官网</a></li> <li><a href="https://www.dzhhkl.com/aosl1she.html">OpenMediaVault</a></li> <li><a href="https://www.dzhhkl.com/90qbehnv.html">全球节点加速器</a></li> <li><a href="https://www.dzhhkl.com/7ocnvj21.html">green加速器下载</a></li> <li><a href="https://www.dzhhkl.com/a0sdkqvi.html">电脑下载ssr</a></li> <li><a href="https://www.dzhhkl.com/85p0shpp.html">用代理ip上网加速软件</a></li> <li><a href="https://www.dzhhkl.com/k9eehefb.html">比特加速器修改vip时长</a></li> <li><a href="https://www.dzhhkl.com/p82ur5t7.html">灯蓝专业版免费安卓</a></li> <li><a href="https://www.dzhhkl.com/cmdf0ms7.html">老王v</a></li> <li><a href="https://www.dzhhkl.com/jani811d.html">代理http</a></li> <li><a href="https://www.dzhhkl.com/n15cvdeq.html">狸猫加速器安卓版</a></li> <li><a href="https://www.dzhhkl.com/oglft556.html">ip加速器破解</a></li> </div> </section> <section id="aside_hot" class="widget widget_aside_ad sb br mb"> <script src="static/js/thea5.js"></script> </section> </div> </div> </div> <div id="footerbar"> <div class="wrap"> <span><a href="/">灯蓝加速器</a> Copyright @ 2011-2022 All Rights Reserved. 版权所有</span> <span>备案号：京ICP1234567-2号</span> </div> </div> <div id="backtop"><span class="fa fa-chevron-circle-up"></span></div> <script src="static/js/common.js" type="text/javascript"></script> <script src="static/js/scrolltxt.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#croll").textSlider({ line: 1, speed: 1000, timer: 3000 }); }) </script>  <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', centeredSlides: true, autoplay: 3500, slidesPerView: 1, paginationClickable: true, autoplayDisableOnInteraction: false, spaceBetween: 0, loop: true }); </script>  </body> </html>