Javascript 更改iframe目标

我是全新的JS，resp。我试图做一些我不熟悉的事情，但那是我学习东西的方式。我正在为html网站编码，我使用了一个iframe元素。在这个iframe中，我想显示不同的HTML（单击）。所以我读了一些其他的问题，包括这一个：我做了这个代码：

<li><p id="video" class="button"><a target="iframe">VIDEO</a></p></li>
<li><p id="kontakt" class="button"><a target="iframe">KONTAKT</a></p></li>

<li><iframe width="800px" height="1000px" frameBorder="0" name="iframe" src=""></iframe></li>

<script>
    $(".button").on("click", function() {
    $(this).toggleClass("underline");
    $(".button").not(this).removeClass("underline")
    }); 
</script>

<script>
$("#video").on("click", function() {
$('[name="iframe"]').src = "video_iframe.html"
}); 
</script>

<script>
$("#kontakt").on("click", function() {
$('[name="iframe"]').src = "kontakt_iframe.html"
}); 
</script>

视频

kontakt

$（“.button”）。在（“单击”，函数（）{ $（this.toggleClass（“下划线”）； $（“.button”）.not（this）.removeClass（“下划线”） }); $（“#视频”）。在（“单击”，函数（）{ $（'[name=“iframe”]'）。src=“video_iframe.html” }); $（“#kontakt”）。在（“单击”，函数（）{ $（'[name=“iframe”]'）。src=“kontakt_iframe.html” }); 但不幸的是，它不起作用。我做错了什么？

$（'[name=“iframe”]'）

是一个jQuery对象-要访问

src

属性，需要引用实际的本机DOM元素

$('[name="iframe"]')[0].src = "kontakt_iframe.html";

另外-您不需要多个

脚本

标记-只需使用一个标记，然后将代码放入其中。

尝试更改此项：

$（'[name=“iframe”]'）。src=“video\u iframe.html”

到

$（'[name=“iframe”]'）.attr（'src'，'video_iframe.html'）

---

这将

src

的属性设置为所需的值

您不必多次使用脚本标记。如果您使用的是jQuery单击事件，那么就不需要使用

。不妨这样做：

<li><p id="video" class="button">VIDEO</p></li>
<li><p id="kontakt" class="button">KONTAKT</p></li>

<li><iframe width="800px" height="1000px" frameBorder="0" name="iframe" src=""> </iframe></li>

<script>
$(".button").on("click", function() {
    $(this).toggleClass("underline");
    $(".button").not(this).removeClass("underline")
}); 


$("#video").on("click", function() {
    $('iframe').attr("src","video_iframe.html") 
}); 


$("#kontakt").on("click", function() {
    $('iframe').attr("src", "kontakt_iframe.html") 
}); 
</script>

视频

kontakt

$（“.button”）。在（“单击”，函数（）{ $（this.toggleClass（“下划线”）； $（“.button”）.not（this）.removeClass（“下划线”） }); $（“#视频”）。在（“单击”，函数（）{ $（'iframe'）.attr（“src”，“video_iframe.html”） }); $（“#kontakt”）。在（“单击”，函数（）{ $（'iframe'）.attr（“src”，“kontakt_iframe.html”） });