Отображать дату/время, используя внешний Javascript

Question

Я хочу поместить текущую дату и время в нижний колонтитул моего веб-сайта XHTML с помощью внешнего кода Javascript. Я знаю о функции document.write. Но как заставить внешний сценарий печатать дату/время в разных местах в HTML?

Внешний скрипт: Дата() функция

HTML: дата сегодня является дата()

Как этого добиться? Благодаря!

Answer 1

Просто введите сценарий в свой HTML:

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

, а затем вызвать функцию где-нибудь.

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

Теперь вы не должны использовать document.write, вместо того, чтобы элемент с id и использовать JS, чтобы изменить его.

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>)

• опираясь на raw element IDs не рекомендуется

• innerHTML является своего рода низкоактивных

• ...

Answer 3

Я предполагаю, что с помощью внешнего скрипта вы имеете в виду экстерном .js файл вы ссылки в вашем head блоке, например, <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

Я предполагаю, что «внешний скрипт» - это сценарий, загружаемый с внешнего сервера, то есть не с самого сайта.

Удаленный скрипт (date.js) просто состоит из

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

На своем сайте вы затем вызовите эту функцию

<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> 

Преимущество перехода элемента в функции является то, что функции является общим и не содержит идентификаторов жесткого кода.