如何在layui tab组件中实现加载外部HTML页面？

本文共计359个文字，预计阅读时间需要2分钟。

目前，嵌入外部网页的方式主要有以下三种：

1. iframe 方式：使用 `

2. diviframe 方式：在 `` 标签中使用 `iframe`，同样通过 `src` 属性加载外部网页。

3. ajax 方式：使用 AJAX 技术动态加载外部网页内容。

目前，潜入外部网页的方式，主要有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="img.558idc.com/uploadfile/allimg/210405/231F95T1-2.jpg"></iframe> </div> <div class="layui-tab-item" > <iframe src="www.taobao.com"></iframe> </div> <div class="layui-tab-item"> <button class="layui-btn layui-btn-normal">百搭按钮</button> </div> </div> </div>

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