jquery - 动态地将样式表插入 IFRAME

Question

我已完成以下操作:

<iframe id="portal" src="page-on-my-domain.php"></iframe>

$(document).ready(function() {

    $('#portal').load(function(){
        $('#portal').contents().find('head').append('<link href="/css/iframe.css" rel="stylesheet" type="text/css" />');
    });

});

这工作正常，但问题是每当我更新样式表时，更新的样式都不会应用在 IFRAME 中。我已尝试重新加载页面和 iframe，但它仍然采用旧样式。

Answer 1

可能是浏览器缓存吗？将时间戳附加到 URL 可能会有所帮助:

$(document).ready(function() {
  $('#portal').load(function(){
    var timestamp =  +(new Date());
    $('#portal').contents().find('head').append('<link href="/css/iframe.css?'+ timestamp +'" rel="stylesheet" type="text/css" />');
  });
});