頁面中存在iframe時刷新頁面的問題

時間 2019-11-08

標籤頁面存在 iframe 刷新問題欄目 HTML 简体版

原文原文鏈接

近期在開發中遇到一個很奇怪的問題：HTML頁面中有個iframe，初始狀況下是空的，當點擊特定按鈕後iframe會加載特定頁面。javascript

但很快就發現有點問題了：當iframe加載了特定頁面後，此時只要按F5刷新頁面，iframe仍然會顯示剛剛加載過的頁面，而不是初始化時的空頁面。php

但更奇怪的事是：一樣的HTML代碼，只要把文件名改成php（其餘動態語言腳本沒有試過）就不會出現上面的問題，html

另外若是使得Ctrl+F5強制刷新，無論是html和php也都沒有發生上面的問題。java

示例代碼：緩存

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE></TITLE>
   <script type="text/javascript">
 var initFrame = function(){
	test.location='http://www.baidu.com';
 };
 var clearFrame = function(){
	test.location='about:blank';
 };
 </script>
 </HEAD>
 <BODY>
 <pre> 說明：
 剛開始iframe並無內容，點擊加載後纔有內容
 但此時刷新下頁面，iframe內仍然會顯示加載後的內容
 而不是空內容，這時須要增長清除iframe內容的代碼來解決此問題
 但時在php程序中，此狀況不會發生，刷新頁面時iframe內容顯示爲空 </pre>
 <iframe name="test" src="" width=100% height="300px" border=0></iframe>
 <div>
	<a href="javascript:initFrame()">加載iframe</a>
	<a href="javascript:location=location">刷新頁面</a>
	<a href="javascript:clearFrame()">清空iframe</a>
 </div>
  <script>
  //clearFrame();
  </script>
 </BODY>
</HTML>

爲此我作了屢次試驗，總結出結論以下：測試

文件類型\刷新方式

Ctrl+F5

JS
spa

location=location.net

location.replace(location)
code

JS
htm

location.reload

history.go(0)

HTML

異常

正常