1

HTML ページの div のコンテンツを含むスクリプトをロードしたいと思います。これが可能であることは知っていますが、その方法を理解するのに苦労しています。これが私のhtmlです：

<html>
<body>
<script src="script.js"> </script>
<div id="helloWorld"> </div>
</body>
</html>

html ページに何かを表示するには、script.js はどのようなものである必要がありますか? 私はこのようなことを考えていました（私はそれが間違っていることを知っています、私はjavascriptの初心者です.

function showText()
{
    $("#helloWorld").html("<p> Hello World! </p>")
    $("#helloWorld").show();

}
showText()

私が正しい軌道に乗っているかどうか、またどうすればこれを修正できるかを誰かに教えてもらえますか? ありがとう、サム

4

4 に答える 4

3

あなたのコードはjQueryです：

$("#helloWorld").html("<p> Hello World! </p>")
$("#helloWorld").show();

必要はありません$("#helloWorld").show();。

プレーンな JavaScript では、

function showText()
{
    document.getElementById("helloWorld").innerHTML="<p> Hello World! </p>";
}
showText()

showText()ただし、DOM に div をロードした後に呼び出すことを忘れないでください! </body>(たとえば、タグの直前に呼び出します)。

それで、

<html>
<head>
...
<script type="text/javascript" src="script.js"></script>
...
</head>
<body>
...
<script type="text/javascript">
showText();
</script>
</body>
</html>

そしてscript.js:

function showText(){
    document.getElementById("helloWorld").innerHTML="<p> Hello World! </p>";
}
于 2012-08-16T14:50:52.507 に答える
1

script タグが div 自体の前にあるため、何もしないと思います (と思います)。JQuery を使用している場合は、最初のコードを準備完了関数に入れる必要があります。

$(document).ready(function(){
  showText();
});
于 2012-08-16T14:51:53.913 に答える
1

スクリプトが読み込まれるとき、HTML 要素 " #helloWorld" はまだ存在しません。

$(document).ready次のように使用します。

function showText() {
    $("#helloWorld").html("<p> Hello World! </p>")
    $("#helloWorld").show();
}
$(document).ready(function() {
    showText();
});
于 2012-08-16T14:52:12.043 に答える
0

使用しようとしている構文には JQuery が必要です。最新の JQuery ライブラリは、 http://jquery.com/からダウンロードできます。

次に、div にテキストを追加するために以下を使用できます。

$(document).ready(function(){
  var showText = function(){
    $("#helloWorld").html("<p> Hello World! </p>")  
    $("#helloWorld").show();
  };    
  showText();
});

.show()編集: (ドキュメント) の先頭に $ 文字を追加しました。また、既に表示されているため、div に関数を含める必要はありません。ただし、その div の表示を none に設定する場合は、 を使用.show()して div を表示する必要があります。

于 2012-08-16T14:53:52.133 に答える