在阅读以下内容之前，我先给大家简单介绍一下易趣。

Easyui是基于jQuery的用户界面插件的集合。ddd

Easyui为创建现代、交互式和JavaScript应用程序提供了必要的功能。

有了easyui，你不需要写很多代码，只需要写一些简单的HTML标签来定义用户界面。

Easyui是一个完整的框架，完美地支持HTML5网页。

Easyui为您节省了网络开发的时间和规模。

Easyui简单但功能强大。

您可以使用jQuery易用户界面轻松添加选项卡。您只需要调用“add”方法。

在本教程中，我们将使用iframe动态添加页面上显示的选项卡。当您单击添加按钮时，将添加一个新的选项卡。如果标签已经存在，它将被激活。

步骤1:创建选项卡。

div style=' margin-bottom :10 px ' a href=' # ' class=' easy ui-link button ' onclick=' addTab '(' Google '，' http://www . Google.com ')' Google/a href=' # ' class=' easy ui-link button ' onclick=' addTab(' jquery '，' http://jquery.com/')' jquery/a href=' # ' class=' easy ui-link button ' onclick=' addTab(' easy ui' height:250px'Div=' Home'/div/div这个html代码非常简单。我们使用名为“主页”的选项卡面板创建了选项卡。请注意，我们不需要编写任何js代码。

第二步：实现“添加标签”功能。

函数addTab(标题，url){ if ($('#tt ')。制表符(' exists '，title)){ $('#tt ')。制表符('选择'，标题)；} else { var content=' iframe scrolling=' auto ' frame border=' 0 ' src=' http : ' URL ' ' style=' width :100%；高度：100%；/iframe '；$('#tt ')。制表符(' add '，{ title:title，content:content，closable : true })；}}我们使用“exists”方法来确定tab是否已经存在，如果tab已经存在，则激活它。如果不存在，请调用“add”方法添加新的选项卡面板。

好了，本教程到此结束。希望对大家有帮助。