Як додати код JavaScript у публікацію WordPress?

систематично навчавсяПобудуйте станціютехнічнийSEOФахівці знають, як легко використовувати програми JavaScript.

В Інтернеті є багато простих у використанні кодів JavaScript, якими поділяються інші.

якщо можешWordPressДодавання JS-коду до статті точно зробить статтю барвистою.

Як додати код JS до статей WordPress

Додати код JavaScript до публікації WordPress дуже просто.

Далі,Чень ВейлянПоділиться з вами:Як додати код JavaScript до публікацій WordPress?

Зазвичай існує 2 способи додати код JS:

1. Додайте код JS безпосередньо до публікацій WordPress
2. Виклик коду JS у статті WordPress після написання файлу JS

1) Додайте код JS безпосередньо до публікації WordPress

Перший спосіб, написання JavaScript безпосередньо в публікації WordPress.

Ось приклад друку тексту «Hello World!» ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

Це в публікації WordPress, яка відображає «Hello World!» після виконання JavaScript ▼

2) Після написання JS-файлу викличте JS-код у статті WordPress

Другий спосіб – записати код JavaScript в окремий файл.

Потім у публікації WordPress, куди потрібно вставити JavaScript, викличте файл JavaScript через текстовий редактор WordPress.

У наступному прикладі в публікації WordPress друкується текст «Hello World» ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

Вміст файлу JavaScript hello.js ▼

document.write("Hello World");

Додавання коду JavaScript до публікації WordPress показує результати ▼

WordPress викликає код JS для сьогоднішньої дати

В Інтернеті є багато цікавого та корисного коду JavaScript.

А тепер наведіть приклад, як ними користуватися?

Друк сьогоднішньої дати в публікаціях WordPress.

Вставте наступний файл JavaScript date.js у свою публікацію WordPress ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Нижче наведено вміст JavaScript файлу date.js ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

Ось результат виконання JavaScript сьогоднішньої дати в дописі WordPress ▼

Нижче наведено результат файлу JavaScript date.js, виконаного в цій статті ▼

注意 事项

Щоб вставити JS-код у публікацію, потрібно перевести редактор WordPress у текстовий режим.

особливу увагу和之间不能有换行。

Якщо є розрив рядка, WordPress автоматично обробить його як абзац і автоматично додасть тег p, який спричиняє помилку коду сценарію JS.

Тут є більше статей про код JavaScript WordPress ▼

🔗Як вказати сторінки статей для завантаження коду JavaScript/CSS у WordPress?

🔗Як змусити WordPress відкладати завантаження JavaScript, щоб пришвидшити рендеринг сторінки?

🔗Як правильно ввести JavaScript у WordPress? Спеціальне завантаження файлів JS і CSS