2017-01-31 4 views
-1

非常にシンプルなjavascriptプロジェクトを作成しようとしていますが、実行する関数はありません。ここに簡単な例があります。明らかに単なる例です。私は、定義された関数を呼び出そうとしていることをブラウザに認識させるためにすべてを試してみましたが、何も呼び出さずにテキストを表示するだけです。次の例では、単に「varTimesTwo(3);」というテキストを含むページを取得します。HTMLはJavaScript関数を実行しません

<!DOCtype html> 
<html> 
<body> 

<script> 
function varTimesTwo(oneVar){ 
    return (oneVar * 2) 
} 
</script> 

varTimesTwo(3); 
</body> 
</html> 
+3

'varTimesTwo(3);'はjavascriptで、 '

0

あなたが書くことdocument.write(string)を使用することができます<script src="myjsfile.js"></script>

を使用して、HTMLファイルから 別のファイルに、いっそのスクリプトタグ内のすべてのJavaScriptコードをキープ、または文字列をドキュメントに追加します。 この文字列はHTMLとして扱われるため、改行を取得するには<p>text</p>または<br>を使用する必要があります。

<!DOCtype html> 
<html> 
<body> 
<script> 
function varTimesTwo(oneVar){ 
    return (oneVar * 2) 
} 
document.write("3 times two is "+varTimesTwo(3)); 
</script> 
</body> 
</html> 

また、あなたは警告ボックスをポップアップ表示するwindow.alert(string)または単にalert(string)を使用することができます。しかし、ブラウザでポップアップをオフにしても、ポップアップは表示されません。

<!DOCtype html> 
<html> 
<body> 
<script> 
function varTimesTwo(oneVar){ 
    return (oneVar * 2) 
} 
alert("3 times two is "+varTimesTwo(3)); 
</script> 
</body> 
</html> 

console.log(string)あなたがコントロールシフト-JまたはF12のいずれかで多くのブラウザで見ることができるデバッグコンソールに書き込みます。

javascriptデバッグコンソールは、入力と出力を混乱させることなくjavascriptを学習するのにも役立ちます。 JSコンソールに入力したものはすぐに実行されるので、そこに関数を定義して、出力や読み込み入力を書き込むためのコードを追加しなくてもその関数を使用して再生することができます。

最後に、これらの手法は、実際に使用されているほとんどのWebサイトでは不十分です。その代わりに、HTMLコンテナ要素を定義し、内部にあるテキストまたはhtmlを変更することが行われます。 jQueryは、ブラウザに依存しない方法manipulating the document to change items on the pageを提供します。

関連する問題