js頁面刷新之實現框架內外刷新（整體、局部）

這次總結的是框架刷新：

框架內外的按鈕均可以定義網頁重定向，

框架內部頁面的按鈕可以實現局部刷新，

框架外部頁面的按鈕可以實現整頁刷新。

代碼如下（兩個html頁面）：

<!--主界面index.html-->
    <iframe src="頁面刷新.html" frameborder="1"></iframe>
    <h1 id="iframeout">框架外內容</h1>
    <button onclick="fresh()">框架外刷新</button>
    
    <script>
        var h1 = document.getElementById('iframeout');
        function iframeout(){
            h1.style.color = "yellow";
            h1.innerText = "我變化了";
        }
        setInterval(iframeout, 800);
        function fresh(){
            // 框架主頁面刷新，可以實現下面兩個功能：
            top.location.reload();   //刷新整頁 
            // window.parent.location.href='http://koushuling.top'; //框架頁重定向 
        }
    </script>

<!--框架頁面：頁面刷新.html-->
   <style>
        body{
            background-color: gray;
        }
    </style>
   
    <h1 id="test">框架內頁面</h1>
    <button onclick="fresh()">框架內刷新</button>

    <script>
        var h1 = document.getElementById('test');
        function test(){
            h1.style.color = "red";
            h1.innerText = "我變化了";
        }
        setInterval(test, 1000);
        function fresh(){
            // 框架內頁面刷新：可實現局部刷新與整個頁面重定向
             self.location.reload();  //刷新框架內頁面
            // window.parent.location.href='http://koushuling.top'; //頁面重定向 
        }
     </script>

如有錯誤，請您更正！