2011-07-28 8 views
0

私は約20のWebページを持つWebサーバーを持っていますが、今は、1ページ目から2ページ目、3ページ目などのページを自動的にリダイレクトできるjavaScriptが必要です。特定の間隔、どのメソッドを使用する必要がありますか?誰でもここで私を助けることができますか?Webサーバーのjavascriptから自動リダイレクトWebページ

+0

ご迷惑をおかけしますか?たぶん、ナビゲーションを表示することができます(これは、移動するすべてのページが含まれていると仮定しています)、またはページの名前の詳細を表示します。 –

+0

これはウェブページのスライドショーに非常によく似ていますが、既存のJavaScriptスライドショー(ネットにロード)を適用し、jpgの代わりにhtmlを表示するように誘惑されるでしょう。間隔がユーザーの問題につながると介入など、私はページの読み込み時間の問題を推測する – spacemonkeys

答えて

0

ここにはJavaScriptの実装があります。すべてのアセットなどがロードされた後でonloadを使用して開始します。これは、ナビゲートするパスの配列を使用し、page_duration変数を使用して、次のページに切り替えるタイミングを決定します。

window.onload = function() { 
    // array of all the paths to the pages you have 
    var paths = ["page1.html", "page2.html", "page3.html"]; 

    // Amount of time to spend on each page (in ms) 
    var page_duration = 10000; 

    var path = window.location.pathname; 
    // handles the case where the path ends in "/" 
    if (path.length == path.lastIndexOf('/')+1) { 
     path = path.substr(0,path.length-1); 
    } 
    var last_page = paths[paths.length-1]; 
    var curr_page = path.substr(path.lastIndexOf('/')+1); 
    var next_page = (curr_page == last_page) ? paths[0] : paths[paths.indexOf(curr_page)+1]; 

    setTimeout(function() { 
     window.location.href = window.location.href.replace(curr_page, next_page); 
    }, pageDuration); 
} 
0

<body> 
     <h3><u>Navigate from one page to another using javascript without using Anchor tag.</u></h3> 
     <br> 
     <input type="button" value="go to next page" onclick="location.href='nextpage.htm' " ID="B1"> 
     <br> 
     <div> 
      <h5><u>View source code(below).</u></h5> 
      <br> 
      <input type="button" value="go to next page" 
      onclick="location.href='nextpage.htm' " ID="B1"> 
     </div> 
    </body> 
</html> 

あなたはこの機能を使用して独自の方法を入れて、それが

0

あなたはどちらかによってそれを行うことができますを助けている場合、ターゲットページに答えとしてあなたは マークをするたびまたは期間をナビゲートすることができますHTMLメタリフレッシュhttp://en.wikipedia.org/wiki/Meta_refreshを使用するか、Javaスクリプトを使用してwindow.location.hrefを設定してください。http://programming.top54u.com/Samples/Javascript/Location-Object/Location-Href/Default.aspx

0

01のように各ページにメタタグを追加します
// page 1 
<meta http-equiv="refresh" content="2;url=http://urdomain.com/page2.htm"> 

// page 2 
<meta http-equiv="refresh" content="2;url=http://urdomain.com/page3.htm"> 

// page 3 
<meta http-equiv="refresh" content="2;url=http://urdomain.com/page4.htm"> 

..... 

2の後にリフレッシュするのは構文の番号2です。

JSのアプローチ:

  1. document.location.href使用して、URLを取得する次のページを取得するには、このURLの文字列を変更し
  2. location.href = "new url"
  3. を設定するすべてのページ
  4. にこのスクリプトを追加します。
0

ある間隔で自動的にリダイレクトする場合は、setTimeout()およびwindow.location

function redirect() { 
    window.location = "www.google.com"; 
} 

setTimeout(redirect, 1000); 
関連する問題