javascript - 外部Javascriptを使用して日付/時刻を表示する

Question

外部のJavascriptコードを使用して、現在の日付と時刻をXHTMLWebサイトのフッターに配置したいと思います。関数「document.write」を知っています。しかし、HTML内のさまざまな場所に外部スクリプトで日付/時刻を出力するにはどうすればよいですか？

外部スクリプト：function date（）

HTML：今日の日付はdate（）です

どうすればこれを達成できますか？ありがとう！

Answer 1

スクリプトをHTMLに含めるだけです。

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

次に、どこかで関数を呼び出します。

<script type="text/javascript">
    date();
</script>

これで、を使用document.writeするのではなく、を使用して要素を作成し、idJSを使用して変更します。

JS：

function date() {
    document.getElementById('mydate').innerHTML = "your date code";
}

HTML：

<span id="mydate">this will get updated</span>

Answer 2

document.write悪である、あなたはdom操作について学ぶべきです：

function date() {
  document.getElementById("date").innerHTML = new Date().toString()
}

そしてあなたのHTMLのどこか：

<p>The date of today is <span id="date">?</span></p>

ただし、非常に多くのことを覚えて学ぶ必要があります。

• date()スクリプトは、DOMがロードされた後（または少なくともこれがロードされた後<span>）に実行する必要があります

• 生の要素IDに依存することはお勧めしません

• innerHTML一種の低レベルです

• ..。

Answer 3

head外部スクリプトとは、ブロックで参照した外部.jsファイルを意味していると思います<script type="text/javascript" src="../randomscript.js"></script>。

HTMLには、の要素が必要idですdate。

<div id="date">?</date>

これは更新されるdivです。スクリプトに次のように記述します

var d = new Date();
document.getElementById('date').innerHTML = d;

ご覧のとおり、スクリプトをどこから参照したかは問題ではありません。外部スクリプトを使用してDOMにアクセスできます。

Answer 4

「外部スクリプト」は、外部サーバーからロードされたスクリプト、つまりWebサイト自体からロードされたスクリプトではないと思います。

リモートスクリプト（date.js）は単純に

function showDate(element) {
  element.text = new Date().toString();
}

次に、Webサイトでこの関数を呼び出します

<script type="application/javascript" src="http://www.example.org/date.js"></script>
<p>Now is: <span id="date-element" /></p>
<script type="application/javascript">
showDate(document.getElementById('date-element'));
</script>

関数に要素を渡すことの利点は、関数が汎用であり、識別子をハードコーディングしないことです。