在layui tab控件中载入外部html页面的方法
2019-09-04 10:55
3591 查看
目前,潜入外部网页的方式,主要有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页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layui tab控件中载入外部html页面
- VUE页面实现加载外部HTML方法
- tp5框架:layui弹出(open)的子页面操作父页面(方法渲染)table当前页加载。
- asp.net的页面,录入控件用回车代替TAB切换的方法。。
- html 页面嵌入 Silverlight , Silverlight控件覆盖悬浮HTML元素的解决方法.
- Javascript访问html页面的控件的方法详细分析
- Javascript访问html页面的控件的方法详细分析第1/2页
- Javascript访问html页面的控件的方法详细分析
- AJAX载入外部JS文件到页面并让其执行的方法(附源码)
- 转载--Javascript访问html页面的控件的方法详细分析
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- Javascript访问html页面的控件的方法详细分析
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- 一个B.js获取另一个A.js的方法,只要将在html页面中的载入顺序将A.js放在B.js前即可
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- 用Request方法从页面得到Html内容时的处理 及 iframe中控件内容的获取
- HTML 页面载入 Flash 插件的几种方法
- Javascript访问html页面的控件的方法总结
- 在C#.net中做页面上传的程序。用Dhtml的控件:(创建文件上载控件,该控件带有一个文本框和一个浏览按钮。)和类HtmlInputFile的两种方法