javascript - 网站更改我的链接目标 : how do I change it back?

Question

我正在使用 Instructure Canvas(一种学习管理系统)来编写网页代码。我可以使用 JavaScript，但它必须位于外部文件中，而不是嵌入到 HTML 中。

我想要一些链接到显示在当前页面 iframe 中的视频的按钮，如下所示:

<a class="iframelink" href="https://player.vimeo.com/video/90612" target="vimeobox">watch</a>

问题是学习管理系统将链接更改为在外部选项卡中弹出，如下所示:

<a class="external" target="_blank" href="https://player.vimeo.com/video/90612">watch</a>

有什么办法可以避免这种情况吗？

Answer 1

学习管理系统生成视频链接后，运行以下 JavaScript 函数:

function changeLinks() {
  var links = document.getElementsByTagName('a');
  for (var i = 0; i < links.length; ++i) {
    var link = links[i];
    if (link.className == 'external') {
      link.className = 'iframelink';
      link.target = 'vimeobox';
    }
  }
}

changeLinks();

<a class="external" target="_blank" href="https://player.vimeo.com/video/90612">watch</a>

此脚本获取页面上所有具有 class="external" 的 anchor 标记，并通过更改类和目标来修改它们。