导航首页
排行榜单
申请收录
关于本站
搜索
本站
百度
搜狗
360
必应
头条
百度搜索
微客导航
»
文章资讯
»
如何使用jQuery将外部网站加载到
中？</span> </div> <div class="content"> <div class="article-content"> <!--文章标签--> <article class="article-body"> <h1 class="post-title">如何使用jQuery将外部网站加载到 <iframe>中？</h1> <div class="article-meta"> <div class="meta-top"> <span class="clock-top"> <i class="fa fa-clock-o" aria-hidden="true"></i> <time class="pubdate">2024-04-24 10:52:03</time> </span> <!-- <span class="circle-top"><i class="fa fa-user-o" aria-hidden="true"></i> 韩俊</span> <span class="list-top"><i class="fa fa-bars" aria-hidden="true"></i><a href=""> PHP开发</a></span> --> <span class="eye-top"><i class="fa fa-eye"></i> 371</span> </div> </div> </article> <div class="article-box"> <div class="article-txt"> <section class="context"><p>要将外部HTML使用jQuery加载到<iframe>中，请使用<em>attr()</em>方法。在此设置iframe的来源。您可以尝试运行以下代码以了解如何查找外部HTML-</p><h2>示例</h2><p></p><pre><!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#iframe').attr('src', 'https://www.qries.com'); }); </script> </head> <body> <iframe id="iframe" name="myIframe" frameborder="5" width="500" height="300"></iframe> </body> </html></pre></section> </div> </div> <!--文章阅读上下按钮--> <nav> <span class="meta-nav"><a href="/article/319045.html" title="如何在JavaFX中为选择框添加分隔符？" se_prerender_url="complete">上一篇<br>如何在JavaFX中为选择框添加分隔符？</a></span> <span class="meta-nav"><a href="/article/319042.html" title="移动优先引导" se_prerender_url="complete">下一篇<br>移动优先引导</a></span> <div class="clear"></div> </nav> <!-- 文章推荐 --> <div class="article-recommend"> <h3>热门推荐</h3> <div class="title"><span class="s-1">1</span> <a href="/article/370734.html" title="M退休祝福语结婚简短">M退休祝福语结婚简短</a></div> <div class="title"><span class="s-2">2</span> <a href="/article/370550.html" title="家人聚餐祝福语 简短独特">家人聚餐祝福语 简短独特</a></div> <div class="title"><span class="s-3">3</span> <a href="/article/370459.html" title="祝福语公司大全 简短的">祝福语公司大全 简短的</a></div> <div class="title"><span class="s-4">4</span> <a href="/article/370591.html" title="表扬孩子的祝福语简短">表扬孩子的祝福语简短</a></div> <div class="title"><span class="s-5">5</span> <a href="/article/370595.html" title="年会祝福语简短搞笑幽默">年会祝福语简短搞笑幽默</a></div> <div class="title"><span class="s-6">6</span> <a href="/article/370647.html" title="周末简短祝福语十五字">周末简短祝福语十五字</a></div> <div class="title"><span class="s-7">7</span> <a href="/article/370620.html" title="给儿子发祝福语简短">给儿子发祝福语简短</a></div> <div class="title"><span class="s-8">8</span> <a href="/article/370566.html" title="学生的简短祝福语大全">学生的简短祝福语大全</a></div> <div class="title"><span class="s-9">9</span> <a href="/article/370695.html" title="教育孩子的祝福语简短">教育孩子的祝福语简短</a></div> <div class="title"><span class="s-10">10</span> <a href="/article/370538.html" title="祝女儿简短祝福语大全">祝女儿简短祝福语大全</a></div> <div class="title"><span class="s-11">11</span> <a href="/article/370503.html" title="大学新年祝福语简短创意">大学新年祝福语简短创意</a></div> <div class="title"><span class="s-12">12</span> <a href="/article/370558.html" title="元旦适合的祝福语简短">元旦适合的祝福语简短</a></div> <div class="title"><span class="s-13">13</span> <a href="/article/370655.html" title="朋友出远门祝福语简短">朋友出远门祝福语简短</a></div> <div class="title"><span class="s-14">14</span> <a href="/article/370656.html" title="初六简短的祝福语">初六简短的祝福语</a></div> <div class="title"><span class="s-15">15</span> <a href="/article/370512.html" title="祝男孩生日祝福语简短">祝男孩生日祝福语简短</a></div> <div class="title"><span class="s-16">16</span> <a href="/article/370724.html" title="同事调离的祝福语简短">同事调离的祝福语简短</a></div> <div class="title"><span class="s-17">17</span> <a href="/article/370711.html" title="拜年红包的祝福语简短">拜年红包的祝福语简短</a></div> <div class="title"><span class="s-18">18</span> <a href="/article/370729.html" title="妈妈生日祝福语简短励志">妈妈生日祝福语简短励志</a></div> </div> <div class="add-gg"> <!-- 文章内页广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4387516810452807" data-ad-slot="9131157744" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <!--侧边栏--> <div id="sidebar"> <li class="sidebar-box"> <h3 class="widget-title">随机推荐</h3> <ul> <li> <a href="/article/370760.html" title="春节祝福语简短英文高级">春节祝福语简短英文高级</a> </li> <li> <a href="/article/370759.html" title="给哥嫂结婚祝福语简短">给哥嫂结婚祝福语简短</a> </li> <li> <a href="/article/370758.html" title="老爸吃饺子祝福语简短">老爸吃饺子祝福语简短</a> </li> <li> <a href="/article/370757.html" title="事业祝福语简短工作">事业祝福语简短工作</a> </li> <li> <a href="/article/370756.html" title="拜年祝福语简短有诗意">拜年祝福语简短有诗意</a> </li> <li> <a href="/article/370755.html" title="寒露祝福语毕业寄语简短">寒露祝福语毕业寄语简短</a> </li> <li> <a href="/article/370754.html" title="包红包祝福语简短朋友">包红包祝福语简短朋友</a> </li> <li> <a href="/article/370753.html" title="涂老师毕业祝福语简短">涂老师毕业祝福语简短</a> </li> <li> <a href="/article/370752.html" title="美国老师毕业祝福语简短">美国老师毕业祝福语简短</a> </li> <li> <a href="/article/370751.html" title="元宵贺卡祝福语结婚简短">元宵贺卡祝福语结婚简短</a> </li> <li> <a href="/article/370750.html" title="开工祝福语老师评语简短">开工祝福语老师评语简短</a> </li> <li> <a href="/article/370749.html" title="51祝福语毕业文案简短">51祝福语毕业文案简短</a> </li> <li> <a href="/article/370747.html" title="广西考试祝福语朋友简短">广西考试祝福语朋友简短</a> </li> <li> <a href="/article/370746.html" title="广西考试祝福语结婚简短">广西考试祝福语结婚简短</a> </li> <li> <a href="/article/370745.html" title="郑伊健结婚祝福语简短高级">郑伊健结婚祝福语简短高级</a> </li> <li> <a href="/article/370744.html" title="财神祝福语简短情话文案">财神祝福语简短情话文案</a> </li> </ul> </li> <li class="sidebar-box"> <!-- google文章侧边 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4387516810452807" data-ad-slot="8604338277" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </li> </div> </div> </div> <ul class="suspend"> <li class="back-top" onclick="backTop()"> <i class="fa fa-chevron-up"></i> <span class="more">返回顶部</span> </li> <li> <a href="http://wpa.qq.com/msgrd?v=3&uin=3162201930&site=qq&menu=yes"> <i class="fa fa-qq"></i> <span class="more">3162201930</span> </a> </li> <li> <a href="mailto:czq8825@qq.com"> <i class="fa fa-envelope"></i> <span class="more">czq8825@qq.com</span> </a> </li> <!-- <li> <i class="fa fa-weixin"></i> <span class="more weixin"><img src="https://www.haoziyuan.cc/Uploads/20210427/6087c019e1f1f.jpg" alt="微信二维码"></span> </li> --> </ul> <footer class="footer clearfix"> <p>免责声明：网站资源来源于网络，如有侵权，请及时联系删除。</p> <p>Copyright © 2026 <a href="/">微客导航网</a>. All Rights Reserved.</p> <p> <a href="https://beian.miit.gov.cn">蜀ICP备2021004611号-4</a> <a href="/sitemap.html">网站地图</a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"KzuJqBC7sskDeRpE",ck:"KzuJqBC7sskDeRpE"})</script> </p> </footer> <script src="/Public/Home/js/main.js"></script> <script type="text/javascript" src="/Public/Home/js/z_stat.js"></script> </body> </html>
