熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

js刷新頁面方法大全

2013-11-13 09:51:19  來源: .NET編程 

  用js實現的刷新頁面的代碼比較全

  先來看一個簡單的例子

  下面以三個頁面分別命名為lll為例來具體說明如何做  l 由上(l)下(l)兩個頁面組成代碼如下          <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
        <HTML>
        <HEAD>
        <TITLE> frame </TITLE>
        </HEAD>
        <frameset rows=%%>
        <frame name=top  src=l>
        <frame name=bottom  src=l>
        </frameset>
        </HTML>

  現在假設l (即上面的頁面) 有七個button來實現對l (即下面的頁面) 的刷新可以用以下七種語句哪個好用自己看著辦了

  語句 windowparentframes[]locationreload();

  語句 windowparentframesbottomlocationreload();

  語句 windowparentframes[bottom]locationreload();

  語句 windem()locationreload();

  語句 windem(bottom)locationreload();

  語句 windowparentbottomlocationreload();

  語句 windowparent[bottom]locationreload(); l

  頁面的代碼如下          <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
        <HTML>
        <HEAD>
        <TITLE> l </TITLE>
        </HEAD>
        <BODY>
        <input type=button value=刷新 onclick=windowparentframes[]locationreload()><br> <input type=button value=刷新 onclick=windowparentframesbottomlocationreload()><br>
        <input type=button value=刷新 onclick=windowparentframes[bottom]locationreload()><br>
        <input type=button value=刷新 onclick=windem()locationreload()><br>
        <input type=button value=刷新 nclick=windembottom)locationreload()><br>
        <input type=button value=刷新 onclick=windowparentbottomlocationreload()><br>
        <input type=button value=刷新 onclick=windowparent[bottom]locationreload()><br> </BODY>
        </HTML>

  下面是l頁面源代碼為了證明下方頁面的確被刷新了在裝載完頁面彈出一個對話框 l 頁面的代碼如下          <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
        <HTML>
        <HEAD>
        <TITLE> l </TITLE>
        </HEAD>
        <BODY onload=alert(我被加載了!)>
        <h>This is the content in l</h>
        </BODY>
        </HTML>

  解釋一下

  window指代的是當前頁面例如對於此例它指的是l頁面

  parent指的是當前頁面的父頁面也就是包含它的框架頁面例如對於此例它指的是l frames是window對象是一個數組代表著該框架內所有子頁面

  em是方法返回數組裡面的元素

  如果子頁面也是個框架頁面裡面還是其它的子頁面那麼上面的有些方法可能不行

  附 Javascript刷新頁面的幾種方法              historygo()
            locationreload()
            location=location
            locationassign(location)
            documentexecCommand(Refresh)
            windownavigate(location)
            locationreplace(location)
            documentURL=locationhref

  自動刷新頁面的方法:

  頁面自動刷新把如下代碼加入<head>區域中 <meta httpequiv=refresh content=> 其中指每隔秒刷新一次頁面

  頁面自動跳轉把如下代碼加入<head>區域中 <meta httpequiv=refresh content=;url=> 其中指隔秒後跳轉到頁面

  頁面自動刷新js版 <script language=JavaScript> function myrefresh() {        windowlocationreload(); } setTimeout(myrefresh());

  //指定秒刷新一次 </script> ASPNET如何輸出刷新父窗口腳本語句

  thisresponsewrite(<script>openerlocationreload();</script>);

  thisresponsewrite<script>openerwindowlocationhref=openerwindowlocationhref;</script>);

     ResponseWrite(<script language=javascript>openerwindownavigate(你要刷新的頁asp);</script>) JS刷新框架的腳本語句

  //如何刷新包含該框架的頁面用

  <script language=JavaScript>    parentlocationreload(); </script>

  //子窗口刷新父窗口

  <script language=JavaScript>     selfopenerlocationreload(); </script> ( 或 <a javascript:openerlocationreload()>刷新</a>   )

  //如何刷新另一個框架的頁面用

  <script language=JavaScript>    parent另一FrameIDlocationreload(); </script>

  如果想關閉窗口時刷新或者想開窗時刷新的話在<body>中調用以下語句即可

  <body onload=openerlocationreload()>

  開窗時刷新 <body onUnload=openerlocationreload()>

  關閉時刷新 <script language=javascript> windowopenerdocumentlocationreload() </script>


From:http://tw.wingwit.com/Article/program/net/201311/11759.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.