easyui在实现当前页面旁边新开一个选项卡

您可以使用easyui的Tabs组件来实现当前页面旁边新开一个选项卡的功能。具体实现方法如下：

1. 首先在页面中引入easyui的Tabs组件的相关文件。

<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.10.7/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.10.7/themes/icon.css">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.10.7/jquery.easyui.min.js"></script>

2. 在页面中添加一个Tabs组件。

<div id="tabs" class="easyui-tabs" style="height:100%;width:100%">
</div>

3. 在需要打开新选项卡的地方添加一个链接，点击该链接时会在Tabs组件中打开一个新选项卡。

<a href="#" onclick="addTab('新选项卡','http://www.baidu.com')">新选项卡</a>

4. 在JavaScript中编写addTab函数，用于向Tabs组件中添加一个新选项卡。

function addTab(title, url){
    if ($('#tabs').tabs('exists', title)){
        $('#tabs').tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#tabs').tabs('add',{
            title:title,
            content:content,
            closable:true
        });
    }
}

这样就可以实现在当前页面旁边新开一个选项卡的功能了。