2016-05-29 10 views
0

私は私の質問は、ダムに聞こえるかもしれないが、HTMLとJSで本当に新しいです: 私は私のHTMLコードを認識させると、私のjsのコードを実行することはできません! 私が何をしても、HTMLファイルが私のjsファイルを見つけたとは思われません。もしそうなら、何もしません。なぜ私のHTMLコードは私のjsを無視するのですか?

私はプロジェクトとしてページに取り組んでいますが、JSが動作しないので、私は簡単なのJSを持つ単純なHTMLファイルを開こう - しかし、それはまだ何もしていません。

私の質問は以下のとおりです。私は、HTMLファイルには、JSファイルとすべてのものを見つけることを確認するだけで何のJS関数を使用することができます

  1. が正常に動作していますか?

  2. これは私のhtmlの簡単なコードです:

    <!DOCTYPE html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="C:\Users\User\Dropbox\WEB\js\try.css"> 
    <script type="text/javascript" src = "C:\Users\User\Dropbox\WEB\js\scripts.js"></script> 
    </head> 
    <div>hi there</div> 
    <div>bye there</div> 
    
    </html> 
    

HTMLとJSファイルはどちらも同じフォルダ内にあります。 htmlはcssファイルを認識し、それに反応します。何も私は開いていないとき、起こりませんし、私はdiv要素をクリックしていないとき - 私はクロームでHTMLファイルをopneとき、まだ

$(document).ready(function(){ 
    var name = prompt("name?"); 
    console.log(name); 
    $('div').click(function(){ 
      $('div').fadeOut('slow'); 
    }); 

}); 

この

はjsのコードです。

ので、私が間違って何をやっていますか? 経験豊かなhtml \ js開発者は、このことが将来起こるのを防ぐ方法についていくつかのヒントを教えてくれますか?

THX、 Yishai

+0

あなたはjQueryのを含めるのを忘れていないですか? – Seblor

+1

** 1。**あなたのJSコードはjQueryを使用しています。だからあなたのページにそれをロードする必要があります。 ** 2。**あなたの 'div'sは' 'タグに含まれていなければなりません。 ** 3。**絶対URLにはプロトコル(たとえば、http://、https://など)が必要です。あなたの場合は、ローカルでやっているので、URLは次のようになります: 'file:/// C:\ Users ...' ** 4。**あなたのコードが正しくロードされているかどうかをテストするには、 '警告( 'JSコードが読み込まれました');が表示されます。 – blex

+0

問題はURLにあります。物理パスの代わりに相対パスを指定する必要があります。 –

答えて

0

あなたのJSコードとしてのjQueryを使用しているようだ、あなたはあなたのjsスクリプトの前にこれを入れてみてください。

EDIT:次のように:

<link rel="stylesheet" type="text/css" href="try.css"> 
<script type="text/javascript" src = "scripts.js"></script> 
0

あなたが前に=とP.S.

<script type="text/javascript" src = "C:\Users\User\Dropbox\WEB\js\scripts.js"></script> 

スクリプトタグ内

...src = "C... 

=の後にスペースを持っていますそのようなパスは使用しないでください。ただ、./js/scripts.jsを使用して、それが意味:親愛なるHTMLは、ちょうどJSのサブディレクトリとグラブという名前のファイルscripts.js

それが内部であるかについては何も述べていないため、このファイル名は、悪いに行き、JSは、HTMLファイルと同じディレクトリ内のファイルを見つけます、それは拡張機能によって既に明らかです、それはいくつかのjavascriptものです。あなたがすべてのこの魔法の世界に非常に新しいしている場合

、歓迎されると、このワンダーランドでのご滞在をお楽しみください。

ピュア素晴らし:

https://github.com/bolshchikov/js-must-watch

https://github.com/sorrycc/awesome-javascript

P.S. jsコードを書くための最新のIDEを試してみてください。基本的な構文ミスはありません。 WebStorm(すぐに使える、他にはプラグインが必要です)、js用のプラグインで核種や崇高なテキストを試してみてください。その後、代わりに絶対:)の相対パスを使用しようと、

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

をそして:

関連する問題