Kuidas lisada WordPressi postitusse JavaScripti koodi?

süstemaatiliselt õppinudehitada veebisaitTehnilineSEOEksperdid teavad, kuidas JavaScripti programme lihtsalt kasutada.

Internetis on palju hõlpsasti kasutatavaid JavaScripti koode, mida teised jagavad.

kui sa saadWordPressJS-koodi lisamine artiklile muudab artikli kindlasti värvikaks.

Kuidas WordPressi artiklitele JS-koodi lisada

JavaScripti koodi lisamine WordPressi postitusele on väga lihtne.

JärgmineChen WeiliangJagan teiega:Kuidas lisada WordPressi postitustele JavaScripti koodi?

JS-koodi lisamiseks on tavaliselt kaks võimalust:

1. Lisage JS-kood otse WordPressi postitustele
2. Pärast JS-faili kirjutamist helistage WordPressi artiklis JS-koodile

1) Lisage JS-kood otse WordPressi postitusse

Esimene meetod, JavaScripti kirjutamine otse WordPressi postitusse.

Siin on näide teksti "Tere maailm!" ▼ printimisest

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

See on WordPressi postituses, mis kuvab pärast JavaScripti ▼ käivitamist "Tere maailm!"

2) Pärast JS-faili kirjutamist helistage WordPressi artiklis olevale JS-koodile

Teine võimalus kirjutage JavaScripti kood eraldi faili.

Seejärel kutsuge WordPressi postituses, kuhu JavaScript tuleb sisestada, JavaScripti faili WordPressi tekstiredaktori kaudu.

Järgmine näide on WordPressi postituses, kus trükitakse tekst "Tere maailm" ▼

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

JavaScripti faili hello.js ▼ sisu

document.write("Hello World");

JavaScripti koodi lisamine WordPressi postitusele näitab tulemusi ▼

WordPress kutsub tänase kuupäeva jaoks JS-koodi

Internetis on palju lõbusat ja kasulikku JavaScripti koodi.

Tooge nüüd näide, kuidas neid kasutada?

Printige tänane kuupäev WordPressi postitustesse.

Sisestage järgmine JavaScripti fail date.js oma WordPressi postitusse ▼

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

Allpool on faili date.js ▼ JavaScripti sisu

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

Siin on JavaScripti tänase kuupäeva käivitamise tulemus WordPressi postituses ▼

Allpool on selles artiklis käivitatud JavaScripti faili date.js tulemus ▼

注意 事项

JS-koodi postitusse sisestamiseks peate lülitama WordPressi redaktori tekstirežiimi.

erilist tähelepanu和之间不能有换行。

Kui on reavahetus, töötleb WordPress seda automaatselt lõiguna ja lisab automaatselt p-märgendi, mis põhjustab JS-i skriptikoodi ebaõnnestumise.

Siin on rohkem artikleid WordPressi JavaScripti koodi kohta ▼

🔗Kuidas määrata artiklilehti JavaScripti/CSS-koodi laadimiseks WordPressis?

🔗Kuidas panna WordPress JavaScripti laadimist edasi lükkama, et kiirendada lehe renderdamist?

🔗Kuidas JavaScripti WordPressis õigesti kasutusele võtta? JS- ja CSS-failide kohandatud laadimine