网站更改了我的链接目标:如何更改它?

时间:2015-05-08 04:28:16

标签: javascript html css iframe video

我使用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>

有没有办法阻止这种情况?

1 个答案:

答案 0 :(得分: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"的所有锚标记,并通过更改类和目标来修改它们。