Hoe om JavaScript-kode in 'n WordPress-plasing by te voeg?

sistematies aangeleer'n webwerf te bouTegniesSEOKenners weet hoe om JavaScript-programme maklik te gebruik.

Daar is baie maklik-om-te gebruik JavaScript-kodes wat deur ander op die internet gedeel word.

as jy kanWordPressDie toevoeging van JS-kode by die artikel sal beslis die artikel kleurvol maak.

Hoe om JS-kode by WordPress-artikels te voeg

Dit is baie eenvoudig om JavaScript-kode by 'n WordPress-plasing te voeg.

volgende,Chen WeiliangSal met jou deel:Hoe om JavaScript-kode by WordPress-plasings te voeg?

Daar is gewoonlik 2 maniere om JS-kode by te voeg:

1. Voeg JS-kode direk by WordPress-plasings
2. Bel JS-kode in WordPress-artikel nadat jy JS-lêer geskryf het

1) Voeg JS-kode direk by die WordPress-pos

Die eerste metode, skryf JavaScript direk in die WordPress-pos.

Hier is 'n voorbeeld van die druk van die teks "Hallo Wêreld!" ▼

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

Dit is in 'n WordPress-plasing wat "Hello World!" vertoon nadat JavaScript uitgevoer is ▼

2) Nadat jy die JS-lêer geskryf het, bel die JS-kode in die WordPress-artikel

Vir die tweede metode, skryf die JavaScript-kode na 'n aparte lêer.

Dan in die WordPress-plasing waar die JavaScript ingevoeg moet word, bel die JavaScript-lêer deur die WordPress-teksredigeerder.

Die volgende voorbeeld is in 'n WordPress-plasing, wat "Hello World"-teks ▼ druk

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

Inhoud van JavaScript-lêer hello.js ▼

document.write("Hello World");

Die byvoeging van JavaScript-kode by 'n WordPress-plasing wys die resultate ▼

WordPress roep JS-kode vir vandag se datum

Daar is baie prettige en nuttige JavaScript-kode op die internet.

Gee nou 'n voorbeeld van hoe om dit te gebruik?

Druk vandag se datum in WordPress-plasings.

Voeg die volgende JavaScript date.js-lêer in jou WordPress-plasing in ▼

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

Hieronder is die JavaScript-inhoud van die date.js-lêer ▼

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

Hier is die resultaat van JavaScript wat vandag se datum in 'n WordPress-plasing uitvoer ▼

Hieronder is die resultaat van die JavaScript-lêer date.js wat in hierdie artikel uitgevoer is ▼

注意 事项

Om JS-kode in 'n pos in te voeg, moet jy die WordPress-redigeerder na teksmodus oorskakel.

spesiale aandag和之间不能有换行。

As daar 'n reëlbreuk is, sal WordPress dit outomaties as 'n paragraaf verwerk, en outomaties 'n p-tag byvoeg wat veroorsaak dat die JS-skripkode misluk.

Daar is meer artikels oor WordPress JavaScript-kode hier ▼

🔗Hoe om artikelbladsye te spesifiseer om JavaScript/CSS-kode in WordPress te laai?

🔗Hoe maak u dat WordPress die laai van JavaScript vertraag om bladsyweergawe te bespoedig?

🔗Hoe om JavaScript behoorlik in WordPress bekend te stel? Pasgemaakte laai van JS- en CSS-lêers