导航首页
排行榜单
申请收录
关于本站
搜索
本站
百度
搜狗
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> 449</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/374311.html" title="退伍祝福语老师简短">退伍祝福语老师简短</a></div> <div class="title"><span class="s-2">2</span> <a href="/article/374126.html" title="给新娘彩礼祝福语简短">给新娘彩礼祝福语简短</a></div> <div class="title"><span class="s-3">3</span> <a href="/article/374365.html" title="自由 生日祝福语简短独特">自由 生日祝福语简短独特</a></div> <div class="title"><span class="s-4">4</span> <a href="/article/374096.html" title="春节文章开头祝福语简短">春节文章开头祝福语简短</a></div> <div class="title"><span class="s-5">5</span> <a href="/article/374272.html" title="订婚典礼文案祝福语简短">订婚典礼文案祝福语简短</a></div> <div class="title"><span class="s-6">6</span> <a href="/article/374289.html" title="爷爷庆生文案祝福语简短">爷爷庆生文案祝福语简短</a></div> <div class="title"><span class="s-7">7</span> <a href="/article/374221.html" title="宿舍迎新祝福语简短英文">宿舍迎新祝福语简短英文</a></div> <div class="title"><span class="s-8">8</span> <a href="/article/374100.html" title="长辈鲜花祝福语卡片简短">长辈鲜花祝福语卡片简短</a></div> <div class="title"><span class="s-9">9</span> <a href="/article/374325.html" title="培训机构升班祝福语简短">培训机构升班祝福语简短</a></div> <div class="title"><span class="s-10">10</span> <a href="/article/374054.html" title="新人红包祝福语简短精辟">新人红包祝福语简短精辟</a></div> <div class="title"><span class="s-11">11</span> <a href="/article/374137.html" title="幼师给毕业祝福语简短">幼师给毕业祝福语简短</a></div> <div class="title"><span class="s-12">12</span> <a href="/article/374303.html" title="生日高考祝福语妹妹简短">生日高考祝福语妹妹简短</a></div> <div class="title"><span class="s-13">13</span> <a href="/article/374158.html" title="下飞机祝福语简短英文">下飞机祝福语简短英文</a></div> <div class="title"><span class="s-14">14</span> <a href="/article/374320.html" title="元宵发客户祝福语简短">元宵发客户祝福语简短</a></div> <div class="title"><span class="s-15">15</span> <a href="/article/374292.html" title="爸妈金婚文案祝福语简短">爸妈金婚文案祝福语简短</a></div> <div class="title"><span class="s-16">16</span> <a href="/article/374364.html" title="新郎朋友红包祝福语简短">新郎朋友红包祝福语简短</a></div> <div class="title"><span class="s-17">17</span> <a href="/article/374152.html" title="虎年五一祝福语大全简短">虎年五一祝福语大全简短</a></div> <div class="title"><span class="s-18">18</span> <a href="/article/374212.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/374371.html" title="文艺乔迁祝福语简短精辟">文艺乔迁祝福语简短精辟</a> </li> <li> <a href="/article/374370.html" title="毕业祝福语老婆生日简短">毕业祝福语老婆生日简短</a> </li> <li> <a href="/article/374369.html" title="祝福语签名简短霸气女生">祝福语签名简短霸气女生</a> </li> <li> <a href="/article/374368.html" title="新婚贺词祝福语创意简短">新婚贺词祝福语创意简短</a> </li> <li> <a href="/article/374367.html" title="孩子语音婚礼祝福语简短">孩子语音婚礼祝福语简短</a> </li> <li> <a href="/article/374366.html" title="完成预算祝福语简短精辟">完成预算祝福语简短精辟</a> </li> <li> <a href="/article/374365.html" title="自由 生日祝福语简短独特">自由 生日祝福语简短独特</a> </li> <li> <a href="/article/374364.html" title="新郎朋友红包祝福语简短">新郎朋友红包祝福语简短</a> </li> <li> <a href="/article/374363.html" title="客户新房祝福语简短大气">客户新房祝福语简短大气</a> </li> <li> <a href="/article/374362.html" title="生日奶茶红包祝福语简短">生日奶茶红包祝福语简短</a> </li> <li> <a href="/article/374360.html" title="结婚伴娘祝福语简短精辟">结婚伴娘祝福语简短精辟</a> </li> <li> <a href="/article/374359.html" title="退休的祝福语简短精辟">退休的祝福语简短精辟</a> </li> <li> <a href="/article/374358.html" title="升学了祝福语简短句">升学了祝福语简短句</a> </li> <li> <a href="/article/374357.html" title="长辈请客祝福语简短精辟">长辈请客祝福语简短精辟</a> </li> <li> <a href="/article/374356.html" title="生日奥特曼可爱祝福语简短">生日奥特曼可爱祝福语简短</a> </li> <li> <a href="/article/374355.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>
