2016-04-25 9 views
0

を送信するためにこれが私のHTMLの構造である:リンクjavascript関数ボタン

<html> 
<body> 
<head> 
... 
    <script type='text/javascript' src="js/javascript.js"></script> 
</head> 
... 
<button class="submit" onclick="submitted()">Submit</button> 
</body> 
</html> 

マイファイルディレクトリはDesktop/Project/です。プロジェクトフォルダ内では、HTMLファイルは単独であり、jsというサブフォルダがあり、javascript.jsというサブフォルダが存在します。私は最初のものとしてalert('hello');を追加し、私はhtmlページを更新すると、それは、アラートをトリガーしませんsubmitted()以内

function submitted(){ 
... 
subtask(variable) 
... 
} 

function subtask(param){ 
... 
} 

:外部JSがそれをファイル内

は次のようなものになります。私は何か間違っているのですか?

+0

エラーが報告されていますか?ブラウザの開発ツールの「コンソール」を確認してください。 –

+0

@timolawl私はここでこの質問を投稿していたのですが、それはタイプミスです。入力ファイルが実際のプロジェクトファイルに存在しません – btrballin

+1

ページを更新すると、なぜ警告が表示されるのですか?ボタンがクリックされたときに関数が呼び出され、ページの読み込みでは呼び出されません。問題をより明確に述べてください。 – nnnnnn

答えて

1

変更あなたの<script>タグへ:

<script type="text/javascript" src="js/javascript.js"></script> 

.. "は、現在のディレクトリの上のディレクトリ" を意味します。

+0

ディレクトリリンクの構文を変更し、 'submit(){alert(" hi ");という別の関数を作成しました。 } 'をjsファイルに追加し、送信ボタンのHTMLを ''に変更しますが、警告は発生しません... – btrballin

+0

コンソール ? – Rayon

+0

それは変です。他のすべてのコードをコメントアウトして 'submit()'関数を使用しても、構文エラーが発生します。コンソールをチェックすると、ソースコードを保存してHTMLページを更新したにもかかわらず、ソースコードに新しく作成されたサブミット機能がありません。 – btrballin

0

あなたの説明によると、htmlファイルがプロジェクトフォルダ内にあり、JSファイルがプロジェクト/ jsのフォルダ内にある、その後のsrcパス../js/javascript.jsは間違っている必要があります。もともとjs/javascript.js

試してみてください、私はそれはあなたがいないbuttonタグの後、head以内にごscriptタグを入れているためだと思いました。しかし、私はそれを試した。それはscriptとよく一致しますhead

+0

バッククォート( ')を使用してコードを書式設定することができます。 –

+0

私はjavascriptコンソールをチェックすると、ソースコードが更新されていないように見えます。私は前に2つの機能を持っていた。私は2つの関数をコメントアウトし、警告付きのシンプルな関数を追加しましたが、コンソールを見ると、新しいsubmit関数でコメントアウトされたjsコードは表示されません。それは2つの元の機能を示しています。ブラウザでページを更新するときにjsコードが更新されないのはなぜですか?私はHTMLとJSファイルを確実に保存しました。 – btrballin

+0

Nvm。別の場所に同じ名前の2つのjsファイルがあり、間違ったjsファイルを更新していました。私の問題は解決しました! – btrballin

関連する問題