乐闻世界logo
搜索文章和话题

如何使用 jQuery 重新加载 iframe ?

4 个月前提问
3 个月前修改
浏览次数28

1个答案

1

你可以使用 jQuery 来重新加载 iframe,方法是通过选择 iframe 元素,然后更改它的 src 属性。下面是一个示例代码:

javascript
// 假设你的 iframe 有一个特定的 ID,比如 "myIframe" $('#myIframe').attr('src', function(i, val) { return val; });

上面的代码通过 jQuery 的 .attr() 方法来获取当前的 src 属性值,并立即将其重新设置为相同的值。这个动作会导致 iframe 重新加载当前加载的页面。

或者,如果你想重新加载 iframe 到一个新的页面,你可以直接设置一个新的 URL:

javascript
$('#myIframe').attr('src', 'http://your.new.url.here/');

如果你想确保避免缓存问题,尤其是在重新加载相同 URL 的情况下,你可以在 URL 后添加一个时间戳或随机参数:

javascript
$('#myIframe').attr('src', function() { var currentTime = new Date().getTime(); return $(this).data('src') + '?timestamp=' + currentTime; });

在这个例子中,我们使用 .data('src') 来获取 iframe 的原始 URL(你应该在 HTML 中将这个原始 URL 存储在 data-src 属性中)。然后,我们向这个 URL 添加一个查询参数 timestamp,其值是当前时间的时间戳。这确保了每次请求的 URL 都是唯一的,因此浏览器将被迫重新加载资源,而不是从缓存中提取。

2024年6月29日 12:07 回复

你的答案