导航首页
排行榜单
申请收录
关于本站
搜索
本站
百度
搜狗
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> 424</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/373426.html" title="小班老师六一祝福语简短">小班老师六一祝福语简短</a></div> <div class="title"><span class="s-2">2</span> <a href="/article/373597.html" title="长辈侄女结婚祝福语简短">长辈侄女结婚祝福语简短</a></div> <div class="title"><span class="s-3">3</span> <a href="/article/373567.html" title="写信高考祝福语简短英语">写信高考祝福语简短英语</a></div> <div class="title"><span class="s-4">4</span> <a href="/article/373593.html" title="停学不停课祝福语简短">停学不停课祝福语简短</a></div> <div class="title"><span class="s-5">5</span> <a href="/article/373505.html" title="新娘祝福语诗词精选简短">新娘祝福语诗词精选简短</a></div> <div class="title"><span class="s-6">6</span> <a href="/article/373438.html" title="端午酒桌祝福语简短">端午酒桌祝福语简短</a></div> <div class="title"><span class="s-7">7</span> <a href="/article/373532.html" title="姐夫生日条幅祝福语简短">姐夫生日条幅祝福语简短</a></div> <div class="title"><span class="s-8">8</span> <a href="/article/373462.html" title="爱情红包祝福语简短英文">爱情红包祝福语简短英文</a></div> <div class="title"><span class="s-9">9</span> <a href="/article/373569.html" title="婚礼减肥成功祝福语简短">婚礼减肥成功祝福语简短</a></div> <div class="title"><span class="s-10">10</span> <a href="/article/373636.html" title="弟弟暖屋祝福语简短">弟弟暖屋祝福语简短</a></div> <div class="title"><span class="s-11">11</span> <a href="/article/373456.html" title="走心语录简短祝福语">走心语录简短祝福语</a></div> <div class="title"><span class="s-12">12</span> <a href="/article/373669.html" title="老公履职祝福语简短">老公履职祝福语简短</a></div> <div class="title"><span class="s-13">13</span> <a href="/article/373478.html" title="企业老板文案祝福语简短">企业老板文案祝福语简短</a></div> <div class="title"><span class="s-14">14</span> <a href="/article/373588.html" title="搞笑的放假祝福语简短">搞笑的放假祝福语简短</a></div> <div class="title"><span class="s-15">15</span> <a href="/article/373385.html" title="伴郎红包祝福语朋友简短">伴郎红包祝福语朋友简短</a></div> <div class="title"><span class="s-16">16</span> <a href="/article/373360.html" title="虎年春节拜年祝福语简短">虎年春节拜年祝福语简短</a></div> <div class="title"><span class="s-17">17</span> <a href="/article/373531.html" title="孩子生日刺青祝福语简短">孩子生日刺青祝福语简短</a></div> <div class="title"><span class="s-18">18</span> <a href="/article/373589.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/373629.html" title="清晨寄语诗句祝福语简短">清晨寄语诗句祝福语简短</a> </li> <li> <a href="/article/373628.html" title="爸妈姑姑相聚祝福语简短">爸妈姑姑相聚祝福语简短</a> </li> <li> <a href="/article/373627.html" title="虎年晋升祝福语大全简短">虎年晋升祝福语大全简短</a> </li> <li> <a href="/article/373626.html" title="新年日文祝福语大全简短">新年日文祝福语大全简短</a> </li> <li> <a href="/article/373625.html" title="太阳大的祝福语简短">太阳大的祝福语简短</a> </li> <li> <a href="/article/373624.html" title="祝福语春节的来历简短">祝福语春节的来历简短</a> </li> <li> <a href="/article/373623.html" title="骑手搞笑祝福语大全简短">骑手搞笑祝福语大全简短</a> </li> <li> <a href="/article/373622.html" title="皇家新春祝福语大全简短">皇家新春祝福语大全简短</a> </li> <li> <a href="/article/373621.html" title="毕业祝福语生物老师简短">毕业祝福语生物老师简短</a> </li> <li> <a href="/article/373620.html" title="正月学生开学祝福语简短">正月学生开学祝福语简短</a> </li> <li> <a href="/article/373619.html" title="端午祝福语赛龙舟简短">端午祝福语赛龙舟简短</a> </li> <li> <a href="/article/373617.html" title="儿童宴席祝福语大全简短">儿童宴席祝福语大全简短</a> </li> <li> <a href="/article/373616.html" title="虎年新年短句祝福语简短">虎年新年短句祝福语简短</a> </li> <li> <a href="/article/373614.html" title="恭喜老板履新祝福语简短">恭喜老板履新祝福语简短</a> </li> <li> <a href="/article/373613.html" title="周末新人祝福语大全简短">周末新人祝福语大全简短</a> </li> <li> <a href="/article/373612.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>
