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ä ▼

Miten WordPress määrittää, että artikkelisivut lataavat JavaScript-/CSS-koodin?

WordPress-teemaa tehtäessä, jos tietyllä WordPress-sivulla on tietty JavaScript- tai CSS-koodi, sitä käytetään vain kerran.Mihin koodi pitäisi sijoittaa? Style.css vai base.js?Mutta sen tekemisen kustannukset ovat hieman korkeat. ...

Kuinka saada WordPress lataamaan JavaScriptiä laiskasti sivun renderöinnin nopeuttamiseksi?

WordPress laiska lataa JavaScriptin nopeuttaakseen sivun renderöintimenetelmiä.Mikä on JavaScriptin Defer-ominaisuus?Jokainen on todennäköisesti törmännyt tähän tilanteeseen: päässä on N skriptiä, ja kun skriptit ladataan, sivun renderöinti estyy, mikä on yleensä tyhjä. ...

Kuinka WordPress ottaa JavaScriptin käyttöön oikein?Mukautettu JS- ja CSS-tiedostojen lataus

Ohjelmoijat, jotka rakentavat verkkosivustoja WordPressillä, viittaavat joihinkin JavaScript- ja CSS-skriptiresursseihin kehittäessään WordPress-laajennuksia tai mukauttaessaan WordPress-teemoja.Yleensä ihmiset käyttävät linkki-, komentosarjatunnisteita suoraan HTML:ään.Itse asiassa WordPressissä…