Question

我在用户点击按钮时将HTML文件加载到DIV（iframe）中。

我的问题是当点击另一个按钮时需要用另一个HTML文件重新加载iframe。

这是我的代码：

<script type="text/javascript">
$(function(){
    $('#2015').click(function(){
        if(!$('#iframe').length) {
                $('#content').html('<iframe id="iframe" src="2015.html" width="700" height="450"></iframe>');
        }
    });
});
</script>

这是按钮代码：

<a href ="#" id="2015">2015</a>

如何在将下一个HTML加载到iframe内容之前删除iframe内容？

Answer 1

你在这里弄错了。 ID不能以数字开头。因此，使用btn2015代替2015作为按钮上的ID。

链接应该完成剩下的工作：

Reload an iframe with jQuery

Answer 2

感谢Jonathan。

更改ID和次要更改工作正常。

我正在测试另一种方式并且也在努力：

使用默认HTML为分配“名称”：
```
<a>
```
将URL和iframe“name”作为目标直接<a href="2014.html" target="year">Change Link</a>链接：
```
splice
```

单击按钮时重新加载iframe内容（本地HTML）

2 个答案: