JavaScriptのback・forward・home・print・stop・findとは？ブラウザ操作メソッドを初心者向けに解説

JavaScript には、ブラウザの「戻る」「進む」「印刷」など、ツールバーと同じ動作を行うメソッドが用意されています。
ここでは back()、forward()、home()、print()、stop()、find() の6つをわかりやすく解説します。

back()：1つ前のページに戻る

window.back() は、ブラウザ履歴の1つ前のページに戻ります。

window.back();

→ 履歴がない場合は何も起こりません。

forward()：1つ先のページに進む

window.forward() は、ブラウザ履歴の1つ先のページに進みます。

window.forward();

→ 進める履歴がない場合は何も起こりません。

home()：ホームページに移動

window.home() は、ブラウザに設定されているホームページを表示します。

opener.home();

→ 親ウィンドウ（opener）にホームページを表示します。

※ モダンブラウザではセキュリティ上の理由で動作しない場合があります。

print()：印刷ダイアログを開く

window.print() は、印刷ダイアログを表示します。

myPage.print();

→ ウィンドウ myPage の内容を印刷できます。

stop()：ページの読み込みを中止

window.stop() は、現在のページ読み込みを停止します。

onClick=”window.stop()”

→ ボタンなどに設定すると、読み込みを強制停止できます。

find()：ページ内の文字列を検索

window.find("文字列") は、ページ内から指定した文字列を検索し、該当箇所へスクロールします。

find(“プロパティ”);

→ ページ内の「プロパティ」という文字列を検索します。

注意点

back / forward はブラウザ履歴がない場合は動作しない
home() はモダンブラウザでは無効化されていることが多い
print() は現在も広く利用されている
find() はブラウザによって動作が異なる場合がある
stop() は読み込み中のページに対してのみ有効

JavaScript 初心者におすすめの学習書籍

手を動かしながら JavaScript を学びたい方には、初心者向けにやさしく解説された実践型の入門書があります。
実際に動くサンプルを使って学べるため、基本をしっかり身につけたい方に最適です。
→　いちばんやさしい JavaScript の教本

JavaScriptの基礎を体系的に学びたい方には、こちらの書籍がとても分かりやすくおすすめです。
初心者がつまずきやすいポイントを丁寧に解説している入門書です。
→　確かな力が身につくJavaScript「超」入門

体系的に学びたい方へ（スクールという選択肢）

独学の限界を感じやすいポイント

エラーの原因が分からず、調べても解決できない
学習の順番に自信が持てない
モチベーションが続かず、途中で止まってしまう
実務レベルのコードレビューを受ける機会がない

こういった悩みが増えてきたら、「質問できる環境」や「学習ロードマップを一緒に考えてくれる人」がいるだけで、学習効率は大きく変わります。

無料相談で得られるメリット

あなたの現在のレベルに合わせた学習ロードマップを作成してくれる
独学で詰まりやすいポイントを事前に教えてくれる
学習方法の改善点をプロがアドバイスしてくれる
エンジニア転職を考えている場合、キャリア相談も可能

JavaScript を独学で学んでいると、「もっと効率よく理解したい」「プロに質問しながら進めたい」と感じる方も多いです。
そのような方には、未経験からエンジニアを目指せる DMM WEBCAMP の学習コースも選択肢のひとつです。
無料相談では、学習ロードマップの作成やキャリア相談など、独学では得られないサポートを受けられます。

→ DMM WEBCAMP 学習コース（無料相談はこちら）

まとめ

back()：1つ前のページに戻る
forward()：1つ先のページに進む
home()：ホームページに移動（非推奨）
print()：印刷ダイアログを開く
stop()：ページ読み込みを中止
find()：ページ内検索を行う

【JavaScript入門】back・forward・home・print・stop・findの使い方｜ブラウザ操作メソッドをわかりやすく解説