在layui tab控件中载入外部html页面的方法 程序员文章站 2022-09-07 09:13:10 目前，潜入外部网页的方式，主要有3种： iframe方式 </iframe&...</div> <div class="content"> <p>目前，潜入外部网页的方式，主要有3种：</p> <p><strong>iframe方式</strong></p> <div class="jb51code"> <pre class="brush: javascript;"> <div><iframe src="xxx.jsp"></iframe></pre> </div> <p><strong>ajax方式</strong></p> <div class="jb51code"> <pre class="brush: javascript;"> <div id=“externalhtml"></div></pre> </div> <p>ajax加载数据后，直接赋予 externalhtml.innerhtml 即可。</p> <p><strong>script脚本方式</strong></p> <div class="jb51code"> <pre class="brush: javascript;"> <div><script src="xxx.js" type="text/javascript"></script></div></pre> </div> <p><span style="background-color: #ccffcc"><strong>第一种方式的示例</strong></span></p> <div class="jb51code"> <pre class="brush: javascript;"> <div class="layui-tab" lay-filter="demo" lay-data="{ height:332}"> <ul class="layui-tab-title"> <li class="layui-this">hao123</li> <li>百度</li> <li>layui的button</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show"> <iframe src="http://www.hao123.com"></iframe> </div> <div class="layui-tab-item" > <iframe src="http://www.taobao.com"></iframe> </div> <div class="layui-tab-item"> <button class="layui-btn layui-btn-normal">百搭按钮</button> </div> </div> </div></pre> </div> <p>以上这篇在layui tab控件中载入外部html页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1833439.html"> navicat删除oracle表的操作方法 </a> </p> <p> 下一篇： <a href="/article/1833441.html"> Linux下mysql数据库的创建导入导出 及一些基本指令 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/1833440.html" target="_blank" title="在layui tab控件中载入外部html页面的方法"> <h2> 在layui tab控件中载入外部html页面的方法 </h2> </a> </li> <li> <a href="/article/524957.html" target="_blank" title="在layui tab控件中载入外部html页面的方法"> <h2> 在layui tab控件中载入外部html页面的方法 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>