在layui tab控件中載入外部html頁面的方法
更新時(shí)間：2019年09月04日 10:55:26 作者：djshichaoren
今天小編就為大家分享一篇在layui tab控件中載入外部html頁面的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
目前，潛入外部網(wǎng)頁的方式，主要有3種：
iframe方式
<div><iframe src="xxx.jsp"></iframe>
ajax方式
<div id=“externalHtml"></div>
ajax加載數(shù)據(jù)后，直接賦予 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頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于圖片下載問題,不同的瀏覽器,需要兼容的下載方式,這篇文章主要給大家介紹了關(guān)于js圖片下載方式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
JavaScript SHA512&SHA256加密算法詳解
本文給大家分享的是javascript版的SHA512&SHA256加密算法的代碼，以及用法，有需要的小伙伴可以參考下。2015-08-08
JavaScript實(shí)現(xiàn)反轉(zhuǎn)字符串的方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)反轉(zhuǎn)字符串的方法,結(jié)合實(shí)例形式分析了字符串反轉(zhuǎn)操作,并詳細(xì)講述了相關(guān)函數(shù)的功能與使用注意事項(xiàng),需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了ChatGPT?之?Fetch請求的內(nèi)容解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
收集的33個(gè)表格排序空間，需要的朋友可以參考下。自從選擇。2009-12-12
在js中去除空格并不是可以直接使用trim來刪除，它在js中并不像我們想的那么好用，特別像我要?jiǎng)h除前后空格這個(gè)trim函數(shù)更不可靠了2013-11-11
本文給大家講述的是個(gè)人在一個(gè)項(xiàng)目中遇到的關(guān)于jsonp的post跨域問題的解決過程，這里記錄下來，分項(xiàng)給大家。2015-07-07
本文是對Js nodeType的屬性進(jìn)行了全面分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
用ajax實(shí)現(xiàn)的自動(dòng)投票的代碼
用ajax實(shí)現(xiàn)的自動(dòng)投票的代碼...2007-03-03
js點(diǎn)擊文本框彈出可選擇的checkbox復(fù)選框
這篇文章主要介紹了js點(diǎn)擊文本框彈出可選擇的checkbox復(fù)選框的相關(guān)資料,需要的朋友可以參考下2016-02-02