Q&A
プログラミング関係なくなるのであくまで参考として。http://naspa.jp の下部に[本ツールで提供される情報は 自工会HP 及び 輸入組合HP で開示されているデータに基づいています]と記載があり、それぞれリンクを辿るとpdfが取れます。
前提
こんな見た目のページを作ったとします。
下の「1 2 3 4 5」はクリックすると上の数字が書き換わります。
実装は javascript でしています。
MAMP で動かしていて、このページのURLは
http://localhost/test/index3.html
です。
やりたい事
このページにアクセスするとき、アドレスバーに
javascript: showPage(3);
などの指定を含めて、ページ読み込み時に javascript を走らせたいです。
セキュリティ上、危なさそうにも思えるので無理かなとも思うのですが、
出来ますでしょうか？
ソース
html
1<!DOCTYPE html> 2<html lang="ja" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <title>test3</title> 6 <style> 7 li { 8 float: left; 9 list-style: none; 10 margin-left: 5px; 11 } 12 </style> 13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 14 <script> 15 $(function() { 16 showPage = function(i) { 17 $("#count").html(i); 18 } 19 showPage(1); 20 }); 21 </script> 22 </head> 23 <body> 24 <div id="count"></div> 25 <ul> 26 <li><a href="javascript: showPage(1)">1</a></li> 27 <li><a href="javascript: showPage(2)">2</a></li> 28 <li><a href="javascript: showPage(3)">3</a></li> 29 <li><a href="javascript: showPage(4)">4</a></li> 30 <li><a href="javascript: showPage(5)">5</a></li> 31 </ul> 32 </body> 33</html>
追記 2018.7.3 13:38
質問をした後で回答やコメントを頂き実は本当の疑問は別のところにあったことに気付いたので追記させていただきます。
というサイトをスクレイピングしたいというのが元々のやりたい事でした。
もっと言えば、このサイトにこだわりはなく、
世に出回ってる車の「メーカー」と「車種」に対してその「車両重量」と「排気量」が分かれば何でもいいのです。
初めから「全車種の車両重量と排気量を教えてください」では流石にteratailさんに申し訳ないので、問題を切り分けるために上記サイトを簡略化して自作してみたという経緯でした。
分かりづらくて申し訳ありません。
http://naspa.jp/ が「軽自動車の検索はこちらから」という事もあり、 隈なく見たつもりですが僕の力では ・電気自動車・燃料電池自動車、プラグインハイブリッド自動車、クリーンディーゼル乗用車、天然ガス自動車、重量車 ・低燃費かつ低排出ガス認定自動車【登録車】 ・低燃費かつ低排出ガス認定自動車【軽自動車】 しか見つけられませんでした。それでもデータ量としては十分過ぎる量でした。 ありがとうございました。
回答2件
ベストアンサー
ありがとうございます。「参考例」を見ようとしたのですが、どちらも 404 のようでした。selenium は名前だけ知ってるので調べてみようと思います。
失礼しました。
ツールの方は
http://buildupp.net/web-marketing/web-scraping-tool
seleniumは
https://codezine.jp/article/detail/10225
横からすみません。
リンク先の間違いは回答を修正してもらえると・・・
0
urlに書き込む意味がないのでやめたほうがいいでしょう。
jQueryであれば
$(function() {})内で、showPage(3)を実行すればいいだけですし
任意に番号を渡したいなら?id=3とか#3とか適当なパラメータ渡しを
してください
投稿2018/07/03 03:14
総合スコア114769
早速のご回答、ありがとうございます。指摘されて何故これをやりたかったのかを思い出したのですが、このWebページは僕が作ったので、教えていただいたやり方で十分なのはよく分かりました。ただ、実際にしたかったのは他人の作ったページを見たらこんな作りをしていて、リンクをクリックすると表示内容が置き換わるという形でした。もっと言うと、まだほぼやった事のないスクレイピングをやってみたくなって、その前提としてサンプルとして作った僕のサイトにURLに混ぜてjavascriptを指定できたらなと言うのが元々の発想でした。例えばの話をしていても良くないので、スクレイピングをやってみたいと思ったサイトのURLを書きます。「http://kakaku.com/kuruma/spec-search/」です。この場合、どうアプローチしたら良さそうですか？
任意の動作を外側から制御するにはそれ用のuiが必要でしょう
サービス側がそれを許すのであればapiとして提供されているはずです
そうでなければ全くの他人がつくったページであれば勝手な制御は
難しいと思ったほうがよいでしょう
もちろんjavascriptを解釈する仕組みを自力で実装すれば
絶対にできないということはないと思いますが
相当ハードルはあがります
ありがとうございます。そうですか、難しいですか。分かりました。ありがとうございます。
<a href="javascript:ChangePage(1);">1</a>
↑hrefにjavascriptの関数埋め込んでるだけですよね、これ。
と思ったけど、質問内容とこのコメントを読んで何がしたいのか全く分からなくなりましたね。
質問に追記しておいてください。
（回答へのコメントは改行できるので適宜改行入れたほうが伝えたいことが伝わりやすくなりますよ）
セットしてサブミットしてるから無理じゃないですかね。というかこのサイト スクレイピングOKなんでしょうか。
あとはセレニウムで動かすとかですかね。要件満たせるか知りませんが。
質問に追記させていただきました。
あなたの回答
tips
プレビュー
