- ベストアンサー
プログラムの仕組みを教えて下さい
- プログラムの仕組みについて教えていただけませんか？
- 他のサイトでも同様の機能が見られることがあります。
- 具体的なプログラムの動作原理を教えていただけると助かります。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
コレはJavascriptという言語で書かれているプログラムですね。 その中でも、「jquery」といわれるライブラリを使用しています。
その他の回答 (1)
- dscripty
- ベストアンサー率51% (166/325)
ウェブブラウザは、 インターネットにおいてある HTML ファイルを読み込んで、その内容を表示しているのだけれど、 JavaScript は、 ウェブブラウザに読み込んだ HTML ファイルの内容を書き換えることができるんだ。 例えば、ボタンをクリックしたときとか、[Enter] キーを押したときとか、その動作に合わせて、JavaScript を実行させることができるよ。 下の HTML を sample.html と言う名前で保存してみて！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>JavaScript Sample</title> <script type="text/javascript"> var qno=6953301; var url_base="http://okwave.jp/qa/q"; var url_tail=".html"; window.onload = function(){ load_page(url_base+qno+url_tail); } function load_page(url) { var iframe = document.getElementById("iframe"); iframe.contentWindow.location.href=url; } </script> </head> <body> <div> <button onclick="qno--;load_page(url_base+qno+url_tail);"><</button> <button onclick="qno++;load_page(url_base+qno+url_tail);">></button> </div> <div> <iframe id="iframe" width="660" height="600" src="about:blank"></iframe> </div> </body> </html> 保存した sample.html を、ウェブブラウザで開くと、この質問のページが枠の中に表示されるとおもうけど、 枠の上にあるボタン([<]や[>])をクリックすると、違う質問のページが表示されるよ。 つまり、『ボタンをクリックする』という動作に合わせて JavaScript で内容を書き換えたということ。
