Ako pridať kód JavaScript do príspevku WordPress?

systematicky učilvytvoriť webovú stránkuTechnickéSEOOdborníci vedia, ako jednoducho používať programy JavaScript.

Existuje mnoho ľahko použiteľných kódov JavaScript zdieľaných ostatnými na internete.

Ak môžešWordPressPridaním JS kódu do článku bude článok určite pestrý.

Ako pridať kód JS do článkov WordPress

Pridanie kódu JavaScript do príspevku WordPress je veľmi jednoduché.

Ďalšie,Chen WeiliangBude s vami zdieľať:Ako pridať kód JavaScript do príspevkov WordPress?

Zvyčajne existujú 2 spôsoby, ako pridať kód JS:

1. Pridajte kód JS priamo do príspevkov WordPress
2. Zavolajte kód JS v článku WordPress po napísaní súboru JS

1) Pridajte kód JS priamo do príspevku WordPress

Prvá metóda, písanie JavaScriptu priamo do príspevku WordPress.

Tu je príklad tlače textu „Ahoj Svet!“ ▼

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

Toto je v príspevku WordPress, ktorý zobrazuje „Ahoj svet!“ po spustení JavaScriptu ▼

2) Po napísaní súboru JS zavolajte kód JS v článku WordPress

Druhým spôsobom napíšte kód JavaScript do samostatného súboru.

Potom v príspevku WordPress, kde je potrebné vložiť JavaScript, zavolajte súbor JavaScript prostredníctvom textového editora WordPress.

Nasledujúci príklad je v príspevku WordPress s vytlačeným textom „Ahoj svet“ ▼

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

Obsah súboru JavaScript hello.js ▼

document.write("Hello World");

Pridaním kódu JavaScript do príspevku WordPress sa zobrazia výsledky ▼

WordPress volá JS kód pre dnešný dátum

Na internete je veľa zábavného a užitočného kódu JavaScript.

Teraz uveďte príklad, ako ich použiť?

Vytlačte dnešný dátum v príspevkoch WordPress.

Do príspevku WordPress vložte nasledujúci súbor JavaScript date.js ▼

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

Nižšie je uvedený obsah JavaScript súboru 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()

Tu je výsledok spustenia dnešného dátumu JavaScriptu v príspevku WordPress ▼

Nižšie je uvedený výsledok súboru date.js JavaScript spusteného v tomto článku ▼

注意 事项

Ak chcete do príspevku vložiť kód JS, musíte prepnúť editor WordPress do textového režimu.

osobitnú pozornosť和之间不能有换行。

Ak dôjde k zalomeniu riadku, WordPress ho automaticky spracuje ako odsek a automaticky pridá značku p, ktorá spôsobí zlyhanie kódu skriptu JS.

Ďalšie články o kóde JavaScript WordPress nájdete tu ▼

🔗Ako špecifikovať stránky článkov na načítanie kódu JavaScript/CSS vo WordPress?

🔗Ako prinútiť WordPress oneskoriť načítanie JavaScriptu, aby sa urýchlilo vykresľovanie stránky?

🔗Ako správne zaviesť JavaScript vo WordPresse? Vlastné načítanie súborov JS a CSS