Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでウィンドウリロードイベントを使用してページをリロードする方法

JavaScriptを使用してWebページをリロードするには、WindowReloadイベントを使用する必要があります。

1行のJavaScriptでページをリロードします：

このコードをブラウザコンソールに貼り付けて、Enterキーを押します

window.location.reload()

かっこいいですが、おそらくそれほど実用的ではありませんか？他のことを試してみましょう。

ボタンクリックイベントでページを再読み込み：

これをHTMLマークアップに追加します：

<button onclick="reloadPage()">Reload page</button>

これをJavaScriptファイルにウィンドウリロードイベント関数を追加します

function reloadPage() {
    window.location.reload()
}

注：ウィンドウの再読み込みイベントはCodePenエディター内では機能しませんが、CodePenのデバッグモードでテストできます。


  1. JavaScriptを使用してWebページをリダイレクトするにはどうすればよいですか？

    URLをクリックしてページXに到達したが、内部的には別のページYに誘導されたという状況に遭遇した可能性があります。これは、ページのリダイレクトが原因で発生します。 クライアント側でJavaScriptを使用してページリダイレクトを行うのは非常に簡単です。サイト訪問者を新しいページにリダイレクトするには、次のようにヘッドセクションに行を追加する必要があります。 例 次のコードを実行して、JavaScriptを使用してHTMLページをリダイレクトする方法を学ぶことができます。ここでは、ホームページにリダイレクトします <html>    <head&

  2. JavaScriptでキャンバスに描画する方法は？

    HTMLキャンバスへの描画は、JavaScriptを使用して行います。キャンバスに描画する前に、HTML DOMメソッドgetElementById（）およびgetContext（）を使用してください。 そのためには、いくつかの手順に従います- キャンバス要素を見つけるには、getElementById（）メソッドを使用する必要があります。 キャンバスの描画オブジェクトであるgetContext（）を使用します。描画のメソッドとプロパティを提供します。 その後、キャンバスに描画します。 例 次のコードを実行して、JavaScriptでキャンバスを描画してみてください- <!D