Link 的 href 与 iframe 的 src 相同

Question

我想通过 javascript 检查 iframe 的 src 是否与给定 link 的 href 相同，以便如果它们等于 class到当前

当然我不是很了解 Javascript 但它会很棒

<script>
changeclass() {
var iframesrc =  document.getElementById("videobox").contentWindow.location.href
if(iframesrc=###a.href###) {
    var linknumber = ###a.href;
    document.getElementById("linknumber").className = "current";
}

}
</script>
<a name="link1" href="samelink" class="current">Video 1</a>
<a name="link2" href="different link" class="">Video 2</a>
<a name="link3" href="different link" class="">Video 3</a>

<iframe name="videobox" src="samelink">

谢谢，我很抱歉不知道如何在我的代码中执行 javascript。

Answer 1

这是你期待的吗：

HTML:

<a name="link1" href="samelink" class="current">Video 1</a>
<a name="link2" href="different link" class="">Video 2</a>
<a name="link3" href="different link" class="">Video 3</a>

<iframe id="videobox" name="videobox" src="samelink">

JS:

var iframesrc =  document.getElementById("videobox");
var ahref = document.querySelectorAll("a");
var iframePath = iframesrc.getAttribute("src");
for(var i=0;i<ahref.length;i++){
   var fhref = ahref[i].getAttribute("href");
    if(iframePath == fhref){
       var classActive = ahref[i].className = "activeLink";
        console.log(classActive);
    }
}

Link 的 href 与 iframe 的 src 相同

href of Link same as src of iframe

javascript

jquery

html

iframe

src