javascript - 使用母版页避免 Javascript 中的重复

Question

假设我有多个网页，每个网页都包含一个 iframe 和一个链接。单击该链接将在新选项卡中的相应页面上打开 iframe 的源代码。

$('#win1_docViewerNewTab').click(function () {
    window.open($('#win1_docViewer').attr('src'), '_blank');
});

此外，假设每个网页都位于同一 DOM 中(例如，使用 jQuery 选项卡)。每个链接都需要一个唯一的 ID，但它们都使用相同的类。 iframe 也是如此。

我的问题:有没有一种方法可以避免重复，并且只需在母版页上使用一个 JavaScript 函数，即可使所有三个页面上的链接在新选项卡中打开各自的 iframe？

Answer 1

目前， anchor 和 iframe 没有任何关系(除了它们的 id 名称之间存在一些无法依赖的古怪关系)。

您可以使用 HTML5 data-* 属性将 anchor 与 iframe 关联起来:

<a class="anchor" id="win1_docViewerNewTab" data-iframeid="win1_docViewer" href="...">Click me</a>

然后在您的母版页中:

$('.anchor').click(function () {
    window.open($('#' + $(this).data('iframeid')).attr('src'), '_blank');
    return false;
});