- HTML DOM Document write()
- Hello World!
- Description
- Warning
- Note
- See Also:
- Syntax
- Parameters
- Return Value
- More Examples
- Hello World
- New Window
- The Difference Between write() and writeln()
- Example
- Note
- Examples
- Browser Support
- COLOR PICKER
- Report Error
- Thank You For Helping Us!
- Встроенные объекты
- Объект Date. Работа с датами
- Получение даты и времени
- Установка даты и времени
- Document write date javascript
- Код получения и вывода даты в javascript
- Пример вывода текущей даты в javascript
- javascript получение даты как в php
- Получение и вывод даты javascript с помощью функции
- Код получения и вывод даты в js
- Получение и вывод нормальной даты в js
HTML DOM Document write()
Write some HTML elements directly to the HTML output:
document.write(«
Hello World!
Have a nice day!
«);
Using document.write() after a document is loaded, deletes all existing HTML:
Description
The write() method writes directly to an open (HTML) document stream.
Warning
The write() method deletes all existing HTML when used on a loaded document.
The write() method cannot be used in XHTML or XML.
Note
The write() method is most often used to write to output streams opened by the the open() method.
See Also:
Syntax
Parameters
Parameter | Description |
exp1. | Optional. The output stream. Multiple arguments are appended to the document in order of occurrence. |
Return Value
More Examples
Write a date object directly to the HTML ouput:
Open an output stream, add some HTML, then close the output stream:
document.open();
document.write(«
Hello World
«);
document.close();
Open a new window and write some HTML into it:
const myWindow = window.open();
myWindow.document.write(«
New Window
«);
myWindow.document.write(«
Hello World!
«);
The Difference Between write() and writeln()
The writeln( ) method is only useful when writing to text documents (type=».txt»).
Example
document.write(«Hello World!»);
document.write(«Have a nice day!»);
document.write(«
«);
document.writeln(«Hello World!»);
document.writeln(«Have a nice day!»);
Note
It makes no sense to use writeln() in HTML.
It is only useful when writing to text documents (type=».txt»).
Newline characters are ignored in HTML.
If you want new lines in HTML, you must use paragraphs or
:
Examples
document.write(«
Hello World!
«);
document.write(«
Have a nice day!
«);
Browser Support
document.write is supported in all browsers:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Встроенные объекты
Кроме возможности создавать свои объекты JavaScript также предоставляет набор встроенных типов объектов, которые мы можем применять в различных ситуациях.
Объект Date. Работа с датами
Объект Date позволяет работать с датами и временем в JavaScript.
Существуют различные способы создания объекта Date. Первый способ заключается в использовании пустого конструктора без параметров:
var currentDate = new Date(); document.write(currentDate);
В этом случае объект будет указывать на текущую дату компьютера:
Второй способ заключается в передаче в конструктор Date количества миллисекунд, которые прошли с начала эпохи Unix, то есть с 1 января 1970 года 00:00:00 GMT:
var myDate = new Date(1359270000000); document.write(myDate); // Sun Jan 27 2013 10:00:00 GMT+0300 (RTZ 2 (зима))
Третий способ состоит в передаче в конструктор Date дня, месяца и года:
var myDate = new Date("27 March 2008"); // или так // var myDate = new Date("3/27/2008"); document.write(myDate); // Thu Mar 27 2008 00:00:00 GMT+0300 (RTZ 2 (зима))
Если мы используем полное название месяца, то оно пишется в по-английски, если используем сокращенный вариант, тогда используется формат месяц/день/год.
Четвертый способ состоит в передаче в конструктор Date всех параметров даты и времени:
var myDate = new Date(2012,11,25,18,30,20,10); // Tue Dec 25 2012 18:30:20 GMT+0300 (RTZ 2 (зима))
В данном случае используются по порядку следующие параметры: new Date(год, месяц, число, час, минуты, секунды, миллисекунды) . При этом надо учитывать, что отсчет месяцев начинается с нуля, то есть январь — 0, а декабрь — 11.
Получение даты и времени
Для получения различных компонентов даты применяется ряд методов:
- getDate() : возвращает день месяца
- getDay() : возвращает день недели (отсчет начинается с 0 — воскресенье, и последний день — 6 — суббота)
- getMonth() : возвращает номер месяца (отсчет начинается с нуля, то есть месяц с номер 0 — январь)
- getFullYear() : возвращает год
- toDateString() : возвращает полную дату в виде строки
- getHours() : возвращает час (от 0 до 23)
- getMinutes() : возвращает минуты (от 0 до 59)
- getSeconds() : возвращает секунды (от 0 до 59)
- getMilliseconds() : возвращает миллисекунды (от 0 до 999)
- toTimeString() : возвращает полное время в виде строки
var days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"]; var months = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"]; var myDate = new Date(); var fullDate = "Сегодня: " + myDate.getDate() + " " + months[myDate.getMonth()] + " " + myDate.getFullYear() + ", " + days[myDate.getDay()]; document.write(fullDate); // Сегодня: 20 Июль 2023, Четверг
Перевести из числовых значений в более привычные названия для дней недели и месяцев используются массивы. Получив индекс дня недели ( myDate.getDay() ) и индекс месяца ( myDate.getMonth() ) можно получить нужный элемент из массива.
Теперь получим текущее время:
var welcome; var myDate = new Date(); var hour = myDate.getHours(); var minute = myDate.getMinutes(); var second = myDate.getSeconds(); if (minute < 10) < minute = "0" + minute; >if (second < 10) < second = "0" + second; >if (hour < 12) < welcome = "Доброе утро"; >else if (hour < 17) < welcome = "Добрый день"; >else < welcome = "Добрый вечер"; >document.write(welcome + ", текущее время: " + hour + ":" + minute + ":" + second); // Добрый вечер, текущее время: 22:50:39
Установка даты и времени
Кроме задания параметров даты в конструкторе для установки мы также можем использовать дополнительные методы объекта Date:
- setDate() : установка дня в дате
- setMonth() : уставовка месяца (отсчет начинается с нуля, то есть месяц с номер 0 — январь)
- setFullYear() : устанавливает год
- setHours() : установка часа
- setMinutes() : установка минут
- setSeconds() : установка секунд
- setMilliseconds() : установка миллисекунд
var days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четвег", "Пятница", "Суббота"]; var months = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"]; var myDate = new Date(); myDate.setDate(20); myDate.setMonth(6); myDate.setYear(2023); var fullDate = myDate.getDate() + " " + months[myDate.getMonth()] + " " + myDate.getFullYear() + ", " + days[myDate.getDay()]; document.write(fullDate); // 20 Июль 2023, Четвег
При установке значений мы можем передать величину, большую, чем максимальное допустимое значение. Например, установить для часа число 54:
В этом случае значение часа будет равно 54 — 24 * 2 = 6, а оставшиеся часы будут составлять два дня (24 * 2), что прибавит к дате два дня. То же самое действует и в отношении дней, минут, секунд, миллисекунд и месяцев.
Document write date javascript
Объект, который называется Date, объявляется таким образом:
Чтобы его вывести. в данном примере будем использовать document.write();
Добавим script и соберем весь код получения и вывода даты в javascript :
Код получения и вывода даты в javascript
Далее соберем весь тот код «получения и вывода даты в javascript«, о котором рассказал выше в одну строку:
Пример вывода текущей даты в javascript
javascript получение даты как в php
Отлично! Но как теперь из полученной даты получить нормальную, человеческую дату? Например в формате
Получение и вывод даты javascript с помощью функции
К сожалению в javascript не существует готовый функции, как в php, поэтому функцию «получения даты в js» нужно написать самостоятельно!
Всегда говорил. что говорил?
Для того, чтобы написать функцию «получения даты в javascript» вам понадобится:
Внутри функции вызовем все методы, которые нам помогут для вывода текущей даты.
После объявление функции применим её к объекту Date() + используем опять document.write:
Код получения и вывод даты в js
var month = e.getMonth() + 1; if(month<10) month = '0' + month;
var date = e.getDate() ; if(date<10) date = '0' + date ;
var hours = e.getHours() ; if(hours<10) hours= '0' + hours;
var minutes= e.getMinutes() ; if(minutes<10) minutes= '0' + minutes;
var seconds= e.getSeconds() ; if(seconds<10) seconds= '0' + seconds;
return date+’/’+month+’/’+e.getFullYear()+’ ‘+ hours+’:’+ minutes+’:’+seconds;
Получение и вывод нормальной даты в js
Чтобы проверить работоспособность функции «получения и вывод даты в js» — разместим выше приведенный код прямо здесь: