• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:javascriptを覚えたいのですが環境が・・)

JavaScript学習の環境について

このQ&Aのポイント
  • JavaScriptを学習したいが、環境の問題に直面している。Windows 8でF12を使うように書かれた本を買ったが、自分はWindows 7やXPしか持っていない。いくつかのサイトを試したが、正しく動作しない。XPにはF12開発者ツールがあるが、書き込むことができない。
  • JavaScript学習のため、効率的に処理内容を実行して試したい。どのツールを使えば簡単に試すことができるのか教えてほしい。
  • JavaScriptの処理を試すための環境に悩んでいる。Windows 7やXPしか持っておらず、F12を使うことができない。どのツールを使って処理内容を実行できるのか、詳しく教えてほしい。

質問者が選んだベストアンサー

  • ベストアンサー
  • b0a0a
  • ベストアンサー率49% (156/313)
回答No.4

別にOSは関係ありません、そういうものではありません ChromeのF12の話であればスクリプトタブではなくコンソールタブです エンターで実行、Shift+エンターで改行です まあ、ちょっとしたのを試すのにはそこで十分ですが 一般的にはHTMLファイルを作って、その中にスクリプトを書いて、ブラウザで開きます ここのレッスンでも参考にして下さい http://dotinstall.com/lessons/basic_javascript_v2 もしそれでもわからない場合はPCの基礎的な操作の問題です

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.3

教本の内容が 「ブラウザ内蔵の開発者ツールでデバッグをしながら実行する」 なのでしょうか。 jsdo.it 等のオンライン開発ツールは、 簡単に試せて共有できるのが利点ではありますが、 実行方法が教本で想定する方法とは異なるので、 この目的には使えないと思ったほうが良いでしょう。 というわけで、他の回答にもあるように 1. スクリプトを含んだHTMLファイルを、自分で書く 2. ブラウザに実行させる 3. ブラウザの開発者ツールを起動し、デバッグする 4. 修正点があれば、HTMLファイルを直して、ブラウザに再読み込みさせる が一番簡単です 環境ですが Windows 7 でもブラウザ Internet Explorer 11 で問題なく F12 開発者ツールが使用できます。 ただし Windows 8 でなければ、機能的に制限があるそうです。 Windows XP でもブラウザ Internet Explorer 8 で F12 開発者ツールが使用できますが、 デフォルトのブラウザが古いので、あまりよろしくない点と、 そもそも Windows XP はサポート切れなので、大変よろしくない点にご注意ください。

全文を見る
すると、全ての回答が全文表示されます。
  • Tasuke22
  • ベストアンサー率33% (1799/5383)
回答No.2

私も開発ツールというと「メモ帳」くらいしか思い当たらんですね。 htmlファイルで書いてもいいですし、 jsファイルで書いてもいいんじゃないでしょうか。 後はインターネットブラウザで実行するだけです。

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

何もツールはいりませんよ。 以下を、hoge.html という名前で保存してください。 #メモ帳などに貼り付ければそれでOKです。 <script> document.write("a"); </script> で、それをブラウザーにドラッグ。 後は、いろいろ命令を書き加えてどうなるか、実験すればいいのです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • Javascriptを使った隠しページ探しについて

    隠しページ探しのホームページを作っているのですが、 【index.html】と【fff.js】という2つのファイルで作っています。 【index.html】は <html><head><title>第1問</title><script src="fff.js"></script> </head> <body oncontextmenu="return false;" onkeydown="return false;"> ここに答えを入れて下さい。<br> <form name="ike"> <input type="text" name="nyu"><input type="button" value="回答" onclick="ikou()"> </form> </body></html> 【fff.js】は function ikou(){ var a = document.ike.nyu.value+'9'; if(a == 6){  if(a == 9){ document.write('次は379.htmlです。');  }else{  window.alert('はずれ'); }else{ window.alert('はずれ'); } (次は379.htmlです。の所は実際は暗号化) です。 fff.jsの書き換えを行って解く問題にしようと思っているのですが、エラーになってしまいます。 どこを直せばいいのでしょうか。

  • javascriptで、下記のコードをFireFoxで実行した際にd(

    javascriptで、下記のコードをFireFoxで実行した際にd("input")の行でエラーが出てしまいます。 <script language="javascript"> var a=window.alert; alert(a); a("test"); var d=document.createElement; alert(d); d("input"); </script> なぜ、window.alert関数はa変数に代入して実行できるのに、document.createElementはd変数に代入しても実行できないのでしょうか。 d変数をalertすると[native code]とアラートされるので、関数を d に代入出来てはいそうなのですが。 ちなみにFireFox3.5.11で発生した現象です。

  • javascriptで困っています。教えてください

    以下のようにjavascriptの内容を書いた外部のテキストファイルを読み込んで、実行しようとしているのですが、うまくいきません。普通にjavascriptを読み込むのは分かっているのですが、このような方法ができないのでしょうか?よろしくお願いします。 <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>無題ドキュメント</title> </head> <body> <div id="jsbox"></div> <script type="text/javascript"> var jsbox = document.getElementById("jsbox"); //非同期通信///////////////////////////////////////////// var xmlHttp; loadText(); function loadText(){ if (window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); }else{ if (window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else{ xmlHttp = null; } } xmlHttp.onreadystatechange = checkStatus; xmlHttp.open("GET", "http://xxxxxxxxxxxx/js_test.txt", true); xmlHttp.send(null); } function checkStatus(){ if (xmlHttp.readyState == 4 && xmlHttp.status == 200){ var str = xmlHttp.responseText;alert(str); jsbox.innerHTML = str; test_js(); } } ///////////////////////////////////////////////////////////////// </script> </body> </html> テキストファイルをhttp://xxxxxxxxxxxx/js_test.txtに置き、テキストファイルの内容が <script type="text/javascript"> function test_js(){ alert("test"); } </script>

  • JavaScriptがFirefoxで動かない・・・

    よろしくお願いいたします。 IEでは正常に動作するのですが、Firefoxで実行してみると ボタンを押しても何の反応もありません。 どのように変更すればFirefoxで動作するのでしょうか? よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function warning(){ alert("テストです。"); } //--> </SCRIPT> <FORM><INPUT type="button" value="ボタンを押して。" onClick="warning()"></FORM> 上記のコードを外部に独立させて・・・ 【コード】 <script type="text/javascript" src="sample3.js"></script> <input type = "button" name = "button3" value = "sample3" onclick = "Func3();"> 【sample3.js】 function Func3() { alert("js外部ファイル記述"); } です。 FC2ブログで活用したいのですが・・・ 改行の扱いは「HTMLタグのみ」に設定しています。 ご回答、よろしくお願いいたします。

  • 【javascript】firefoxでの、alertについて

    はじめてOK Waveで質問します。 よろしくお願いします。 javascriptについての質問です。 form内の複数のradioの項目の組み合わせに応じて、if文でlocation.hrefでページ遷移するというjsを書きました。 IEでは動作しましたが、firefoxで動作しませんでした。 firefoxで動かない原因が分からず、自分なりにalertを使いながら原因を探っていたところ、 if文の次にalertを書いたところ、firefoxでも動作することができました。 ------------------------------ function pageshift() { var one, two; for (i = 0; i < 2; i++) { if(document.form.one[i].checked){ one = document.form.one[i].value; } } for (i = 0; i < 2; i++) { if(document.form.two[i].checked){ two = document.form.two[i].value; } } if(one == 'a' && two == 'a') { window.location.href = 'aa.html';} } else if(one == 'a' && two == 'b') { window.location.href = 'ab.html';} } alert('test'); } ------------------------------ (最後のalert('test');を書いたらそれまでfirefoxでは動作しなかったものが、動作した、ということです。IEではalert('test');がなくても目的通りに動作しています。) しかしながら、alertでメッセージが出てきてしまうのは避けたいと考えています。 alertを書いてページ遷移のfunctionが動作(正常に処理?)したとするならば、alertと同じような処理状態でなおかつメッセージを表示しないような状態に持っていければ、目的どおりになるのではないかと考えています。 どのように記述していけばいいのでしょうか・・・? よろしくお願いいたします。

  • javascriptについて

    入力した各データをサブウィンドウであらわすため、javascript内で function outdata() { f0bj = document.myform; ftxt = f0bj.yourname.value;     ----(a) fxxt = f0bj.phonenumber.value; ----(a) for(i=1; i<5;i++) if(f0bj.elements[i].checked) fBtn = f0bj.elements[i].value; fsel = f0bj.place.options[f0bj.place.selectedIndex].value; subWin = window.open("abc.html","kekka","width=5000,height=300"); subWin.document.open(); subWin.document.write("a:"+ftxt+"<br>"); subWin.document.write("b:"+fxxt+"<br>"); subWin.document.write("c:"+fBtn+"<br>"); if(fBtn == "c"){ subWin.document.write("d:"+fsel+"<br>"); } subWin.document.close(); } として、html内でそれらの記入をしているのですが、この時に今テキストフォームが2つ(a) あるのですがこの時テキストフォームが2つあると残りのラジオボックスとセレクトメニューが うまく表示してくれないのですが何がいけないのでしょうか? ちなみにラジオボックスには項目は4つ、セレクトメニューは5つあり、テキストフォームを1つ にしたらうまく実行できることは確認済みです。

  • 外部javascriptファイルの中にさらに外部javascriptファイルを入れたい

    javascript初心者です。 メニューの一部を外部ファイルによるツリーメニューにし、 さらにメニュー部分全体を外部ファイルにしようとしましたが、 メニュー部分全体を外部ファイルに移したら、 中のツリーメニューが機能しなくなってしまいました。 いろいろ試してみましたが、付け焼き刃の知識では皆目見当が付きません。 ご指摘いただけると嬉しいです。内容は下記の通りです。 メニュー全体の外部ファイル「menu.js」 document.write('<div id="menu">'); document.write('<h1>お役立ち情報<\/h1>'); document.write('<ul>'); document.write('<script src="javascript\/tree.js" type="text\/javascript"><\/script>'); document.write('<li><a href="javascript:tree("click1");" title="">HOME<\/a>'); document.write('<\/li>'); document.write('<div id="click1" style="display:none;">'); document.write(' <a href="未設定" title="作成中です" target="未定">第1ページ <\/a>'); document.write('<br>'); document.write(' <a href="未設定" title="教えられません" target="未定">第2ページ <\/a>'); document.write('<br>'); document.write('<\/div>'); document.write('<li><a href="javascript:tree("click2");" title="">お知らせ<\/a>'); document.write('<\/li>'); document.write('<div id="click2" style="display:none;">'); document.write(' <a href="未設定" title="作成中です" target="未定">第3ページ <\/a>'); document.write('<br>'); document.write(' <a href="未設定" title="教えられません" target="未定">第4ページ <\/a>'); document.write('<br>'); document.write('<\/div>'); document.write('<li><a href="#">DOWNLOAD<\/a>'); document.write('<\/li>'); document.write('<\/ul>'); document.write('<\/div>'); 中に入れてあるツリーメニューの外部ファイル「tree.js」 function tree(id) { if (document.getElementById(id).style.display == "block") document.getElementById(id).style.display="none"; else document.getElementById(id).style.display="block"; } .htmlの記述はこうなっています。 <script src="menu.js" type="text/javascript"></script>

  • javascript submit()の後の動作

    scriptはjsファイルで分離しています。 送信ボタンをクリックした場合の動作は期待通りの動作をしています エンターキーを押したときの動作が、フォームの送信は正常に実行されるのですが、 document.getElementById('ctxt').value= '';が実行されません。 その後、試しにアラートも入れてみましたけど、動作していないようです document.forms[txt_submit].submit();の後の部分が実行されるようにするにはどうしたらいいのでしょうか? function Key_on(){ if(window.event.keyCode == 13){ document.forms[txt_submit].submit(); document.getElementById('ctxt').value= ''; alert('ん?'); } } function send(){ document.txt_submit.submit(); document.getElementById('ctxt').value= ''; } ----------------- <form id="txt_submit" name="txt_submit" action="log.cgi" method="post" target="log" autocomplete="off"> <input type="text" id="ctxt" name="ctxt" size="20" value="" onkeydown="Key_on()"> <input type="button" value="送信" onclick="return send();"> </form>

  • JavaScriptの値を、cgiに渡す方法を教えてください。

    JavaScriptの値を、cgiに渡す方法を教えてください。 jsファイルの変数に、テキストボックスの入力値が入っています。 それを、cgiに渡して、その変数の値を、ファイルに 書込みたいと考えています。 __test.html_________ <head><script src="keep.js"></script></head> <form name="f1" action="keep.js"> <input type="text" name="a_text"> <input type="button" value="クリック" onclick="keep()"> </form> _________________________ ___keep.js_______________ function keep() { var a_text = document.f1.a_text.value; ■この変数「a_text」をcgiファイルに渡したいです。 } __________________________ __●.cgi_______________ ■なんだかの方法で、上記keep.jsの変数、a_textを取得して、 この●.cgiでファイルをopenして、a_textの値を 書込みたいです。 ______________ よろしく、お願いします。

  • 入れ子のフレームでjavascriptが上手く動作しない

    frame.html ----- フレームセットを設定している frm1.html ------ フレーム1に表示する frm2_a.html ---- フレーム2に最初に表示する frm3_a.html ---- フレーム3に最初に表示する frm2_b.html ---- フレーム2に二番目に表示する frm3_b.html ---- フレーム3に二番目に表示する jscript.js ----- 外部javascript frame.html(抜粋) <head> <script type="text/javascript" src="jscript.js"></script> </head> <frameset cols="*, 200px"> <frameset rows="*, 100px"> <frame src="frm1.html" name="フレーム1" onload="addHtml()" noresize> <frame src="frm2_a.html" name="フレーム2" noresize> </frameset> <frame src="frm3_a.html" name="フレーム3" noresize> <noframes> </noframes> </frameset> jscript.js(抜粋) function addHtml(){ alert("in"); parent.フレーム2.location.href = "frm2_b.html"; parent.フレーム3.location.href = "frm3_b.html"; parent.フレーム3.document.getElementById("addArea").innerHTML = "追加内容"; alert("out"); return; } frm3_b.html(抜粋) <body> <div id="addArea"><div> </body> frm.htmlをブラウザ(IE系)で表示 → onloadイベントでaddHtml()  → フレーム切り替え、"追加内容"をaddAreaに追加  → 追加されず、alert("out")の行が実行されない。 更新ボタンを押し、alert("in")をOKボタンで消し、 次のalert("out")のダイアログを表示している間だけ追加された内容が表示され、 OKボタンで消すとaddArea内の内容が消えます。 フレーム1にページが読み込まれたときにイベントでスクリプトを 動かしたいのですが、うまくいかずこまっています。 問題点や改善点、別のやり方等教えていただけないでしょうか。 不明な点がございましたら、訂正・補足いたします。 よろしくおねがいします。