javascript - 浏览器间标签交易

Question

在这种情况下，我有一个标签间交易:

1. 我有一个页面，上面有一个表格。
2. 在这个表上，有行。这些行的第二列是引用编号。
3. 如您所见，第二列上有一个 anchor 。它会打开一个新标签。
4. 在那个新标签上有交易、创建和更新数据。
5. 点击新选项卡上的 save 按钮后，该选项卡将关闭(好吧，这很容易做到)但这里的问题是，它将使用有关调用的新详细信息更新行选项卡

我在调用 选项卡 上已经有一个 update_row_details(personel_id) 函数。那么我将如何在新的选项卡 上调用该函数？我感觉到它是这样的:

我的ma​​in.html

<table>
    <thead>
        <tr>
            <th></th>
            <th>Reference #</th>
            .
            .
            .
        </tr>
    </thead>
    <tbody>
        <tr data-personel-id="081795">
            <th>1.</th>
            <td><a target="_blank" href="../query?id=081795">Gideon Apollo F. Bardelas</a></td>
            .
            .
            .
        </tr>
        <tr data-personel-id="091296">
            <th>2.</th>
            <td><a target="_blank" href="../query?id=091296">Karina Kal-la Athena F. Bardelas</a></td>
            .
            .
            .
        </tr>
        .
        .
        .
    </tbody>
</table>

关于callertab.js

update_row_details(personel_id) {
    var row = $("tr[data-personel-id=" + row_index + "]");

    row.children()[1].text("blah, blah, blah");
    .
    .
    .
    row.children()[nth].text("blah, blah, blah");
}

关于newtab.js

$("form#details").submit(function() {

    // Some ajax-saving

    // Insert your inter-tab function calling here, something like this:
    //
    // tab[1].update_row_details($("#personel_id").val());
    //
    // Then close this tab.

    return false;
})

Answer 1

我不确定你是否可以访问正在调用的调用者页面

<a target="_blank" ...

尝试使用 window.open 方法，然后在子窗口中使用 window.opener更新那里的状态。例如:

<a onclick="window.open('blablapage');event.preventDefault();" ...

主页上的JS:

function callMeFromChild(param1,param2){
    console.log(arguments)
}

子页面上的JS:

function closeWindow(){
    // send params
    window.opener.callMeFromChild(123,"string")

    // close the window
    ...
}