首页 > 编程 > JavaScript > 正文

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

2019-11-19 10:53:17
字体:
来源:转载
供稿:网友

目前,潜入外部网页的方式,主要有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页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表