可以新建关闭的tab选项卡

最新推荐文章于 2021-06-18 15:54:35 发布

最新推荐文章于 2021-06-18 15:54:35 发布 · 814 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现动态创建和关闭Tab选项卡的方法。通过简单的HTML结构配合JavaScript代码，能够实现在网页上动态增删Tab选项卡的功能，增强了网页的交互性和灵活性。

以新建关闭的tab选项卡

可以打开和关闭的tab 选项卡

演示

   XML/HTML Code
  

   <div id="dhtmlgoodies_tabView1">  
    <div class="dhtmlgoodies_aTab">  
        <a href="http://www.freejs.net/article_tabbiaoqian_40.html">js tab选项卡 mootools tab选项卡   </a>  
    </div>  
    <div class="dhtmlgoodies_aTab">  
        第二个tab<br>  
        <a href="#" onclick="createNewTab('dhtmlgoodies_tabView1','Dynamic','','externalfile.html',true);return false">Create new tab dynamically</a><br>     
    </div>  
    <div class="dhtmlgoodies_aTab">  
        测试3  
        <a href="#" onclick="deleteTab('Menus')">关闭这个tab</a><br>      
    </div>  
    <div class="dhtmlgoodies_aTab">  
        Content of tab 4<br>  
    </div>  
</div>  

  