我使用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>
有没有办法阻止这种情况?
答案 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"
的所有锚标记,并通过更改类和目标来修改它们。