Як дадаць код 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