在layui tab控件中载入外部html页面的方法

目前，潜入外部网页的方式，主要有3种：

iframe方式

<div><iframe src=\"xxx.jsp\"></iframe>

ajax方式

<div id=“externalHtml\"></div>

ajax加载数据后，直接赋予 externalHtml.innerHTML 即可。

script脚本方式

<div><script src=\"xxx.js\" type=\"text/javascript\"></script></div>

第一种方式的示例

<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>

以上这篇在layui tab控件中载入外部html页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。