修改由iframe中显示的页面加载的CSS或JS后更新

时间:2011-05-30 00:24:45

标签: html iframe

我在页面OUTER中的iframe中加载了页面INNER。我注意到当我更新INNER加载的一些CSS和JS文件时,刷新OUTER时,更新不会显示。有没有办法强制INNER在每次加载时检查CSS和JS的变化?

1 个答案:

答案 0 :(得分:0)

将以下代码添加到内部网页(在iframe中加载)

<head>
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma" Content="no-cache">
<meta http-Equiv="Expires" Content="0">
</head>

您也可以从父页面执行此操作:

document.getElementById(FrameID).contentDocument.location.reload(true);

或者

parent.frames[FrameID].window.location.reload();

此外,有时使用的解决方法是重新分配src属性的值。但是,这不能保证提供完全刷新。这有时会在重置src时添加查询字符串值。示例:domain.com/page?id = 123