2015-05-08 108 views
0

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

学习管理系统已经生成的视频链接后,运行下面的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"和修改他们页面上的所有锚标签通过改变班级和目标。

+0

你忘记在代码片段中调用_changeLinks_ – Grundy

+0

非常好,谢谢。 –

+0

太棒了!我可以不知何故只针对一个div内的链接? – jnapier

相关问题