Како да додадете JavaScript код во објава на WordPress?

систематски научениизгради веб-локацијаТехничкиОптимизацијаЕкспертите знаат како лесно да користат JavaScript програми.

Има многу лесни за употреба JavaScript кодови споделени од други на Интернет.

ако можешWordPressДодавањето JS код во статијата дефинитивно ќе ја направи статијата шарена.

Како да додадете JS код во статиите на WordPress

Додавањето JavaScript код на објава на WordPress е многу едноставно.

Следно,Чен ВајлијангЌе сподели со вас:Како да додадете JavaScript код на објави на WordPress?

Обично има 2 начини да додадете JS код:

1. Додајте JS код директно на објавите на WordPress
2. Повикајте го JS кодот во статијата на WordPress откако ќе ја напишете датотеката JS

1) Додајте JS код директно во објавата на WordPress

Првиот метод, пишување JavaScript директно во објавата на WordPress.

Еве пример за печатење на текстот "Здраво свет!" ▼

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

Има повеќе статии за кодот на WordPress JavaScript овде ▼

🔗Како да наведете страници на написи за да се вчита JavaScript/CSS код во WordPress?

🔗Како да го одложите вчитувањето на JavaScript на WordPress за да го забрзате прикажувањето на страницата?

🔗Како правилно да се воведе JavaScript во WordPress? Прилагодено вчитување на датотеки JS и CSS