JavaScriptでページが移動しても

質問

JavaScriptの勉強をはじめたばかりなので、
的外れな質問をしてしまうかもしれないのですが宜しくお願いします。

Google ChromeやFirefoxのdeveloper toolsのコンソールにスクリプトを書いて
実行しています。
JavaScriptでは一つ目のページで実行したスクリプトで
次のページのフォーム操作などは出来ますか？

注文をする時に、一番初めのページで大きさなどを選んで、submitメソッドを使ってそのページのフォームを送信する事は出来ました。
そしてフォームを送信するとページが変わり、次のページにもまた違うセレクトメニューの項目が出てきて選択項目を選んでフォームを送信する事も出来ました。

１ページずつならコンソール部分にスクリプトを書いて、項目を選択してフォームを送信する事は出来るようになったのですが、
一番初めのページで次のページ分のスクリプトを合体させ、次のページ分の処理も一回の実行でしようとしても次のページ分の処理が出来ません。
ページが移動しても流れが止まらず処理させる事って出来ますか？
その場合どのような物を初めのページと次のページのスクリプトの間に挟めばいいのですか？

回答No.2

pringlez · ベストアンサー

最終的に何をしたいのかによりますが、単純に、「ページ遷移を含む自動操作がしたい」ということならば、私ならUserScriptを使います。

このURLの時にはこの処理を実行する、とif文で書き分ければ1枚のファイルで対応できます。
各ページ用の処理を別のファイルに書き@includeを指定しすれば、複数のファイルを用意する事になりますが、if文での処理わけはしなくて済み、内容をシンプルに書けます。

UserScriptの書き方メモ - Miuran Business Systems
http://www.m-bsys.com/code/userscript-memo
ChromeでUserScriptを動かしてみた - 積極的にメモっていく姿勢
http://tomio2480.hatenablog.com/entry/20130706/1373098089

お礼

これを使用したら、やりたい事が出来ました！
スムーズに処理が出来るようになりストレスが減りました。
本当にありがとうございました。

回答No.1

AsarKingChang

”ページが移動しても流れが止まらず処理”
私が考え付くのは、
まずフレームですかね。見えないフレーム側に実体を置いて。
ページの中身を書き換えて、あたかも別ページに言ったかのように見せる方法と
CSSのHIDDEN指定で、実際には1ページしか見えなくても、
数ページ分のコンテンツがすでにあり、どれをONにするかをJSで制御し
もちろん、パラメーターなどが変化する場合は、適切な書き換えを行ってから
表示させるなど。
でしょうか。

単純に、別ページにいくと、JSが全部初期化されて最初からになるのは
仕方はないとは思います。
むしろ出来ないほうが理想でしょう。
どっかで怪しいコードがあっても、次のページに引き継がれたのでは、
ウイルス作り放題になっちゃいますから。

お礼

単純に別ページにいくと、全部初期化されてしまうとは知りませんでした。
だからコンソール部分が必ず移動すると真っ白になっていたんですね。

CSSのHIDDEN指定など教えてもらった事を調べてトライしてみます。
回答ありがとうございました。