Как да добавите 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, която показва „Здравей свят!“ след изпълнение на 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 файлове