Kuinka lisätä JavaScript-koodi WordPress-viestiin?

systemaattisesti oppinutrakentaa verkkosivustoTekninenSEOAsiantuntijat osaavat käyttää JavaScript-ohjelmia helposti.

Internetissä on monia helppokäyttöisiä JavaScript-koodeja, joita muut jakavat.

jos vain voitWordPressJS-koodin lisääminen artikkeliin tekee artikkelista varmasti värikkään.

JS-koodin lisääminen WordPress-artikkeleihin

JavaScript-koodin lisääminen WordPress-viestiin on erittäin helppoa.

Seuraava,Chen WeiliangJaetaan kanssasi:Kuinka lisätä JavaScript-koodia WordPress-viesteihin?

JS-koodin lisäämiseen on yleensä kaksi tapaa:

1. Lisää JS-koodi suoraan WordPress-viesteihin
2. Soita JS-koodi WordPress-artikkelissa JS-tiedoston kirjoittamisen jälkeen

1) Lisää JS-koodi suoraan WordPress-julkaisuun

Ensimmäinen menetelmä, JavaScriptin kirjoittaminen suoraan WordPress-viestiin.

Tässä on esimerkki tekstin "Hello World!" ▼ tulostamisesta

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

Tämä on WordPress-viestissä, jossa näkyy "Hello World!" JavaScriptin ▼ suorittamisen jälkeen

2) Kun olet kirjoittanut JS-tiedoston, kutsu JS-koodi WordPress-artikkelissa

Toinen tapa, kirjoita JavaScript-koodi erilliseen tiedostoon.

Kutsu sitten JavaScript-tiedosto WordPress-tekstieditorin kautta WordPress-viestissä, johon JavaScript on lisättävä.

Seuraava esimerkki on WordPress-julkaisussa, jossa on "Hello World" -teksti ▼

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

JavaScript-tiedoston hello.js ▼ sisältö

document.write("Hello World");

JavaScript-koodin lisääminen WordPress-julkaisuun näyttää tulokset ▼

WordPress kutsuu tämän päivän JS-koodia

Internetissä on paljon hauskaa ja hyödyllistä JavaScript-koodia.

Anna nyt esimerkki kuinka niitä käytetään?

Tulosta tämän päivän päivämäärä WordPress-viesteissä.

Lisää seuraava JavaScript date.js-tiedosto WordPress-viestiisi ▼

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

Alla on date.js-tiedoston JavaScript-sisältö ▼

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()

Tässä on tulos, kun JavaScript suoritti tämän päivän päivämäärän WordPress-viestissä ▼

Alla on tässä artikkelissa suoritetun JavaScript-tiedoston date.js tulos ▼

注意 事项

Jos haluat lisätä JS-koodin viestiin, sinun on vaihdettava WordPress-editori tekstitilaan.

erityistä huomiota和之间不能有换行。

Jos siinä on rivinvaihto, WordPress käsittelee sen automaattisesti kappaleena ja lisää automaattisesti p-tunnisteen, joka aiheuttaa JS-komentosarjakoodin epäonnistumisen.

Lisää WordPressin JavaScript-koodia koskevia artikkeleita on täällä ▼

🔗Kuinka määrittää artikkelisivut JavaScript-/CSS-koodin lataamiseksi WordPressissä?

🔗Kuinka saada WordPress viivästämään JavaScriptin lataamista sivun renderöinnin nopeuttamiseksi?

🔗Kuinka ottaa JavaScript käyttöön oikein WordPressissä? JS- ja CSS-tiedostojen räätälöity lataus