Kā pievienot JavaScript kodu WordPress ziņā?

sistemātiski mācījiesizveidot vietniTehnisksSEOSpeciālisti zina, kā viegli izmantot JavaScript programmas.

Internetā ir daudz viegli lietojamu JavaScript kodu, ko koplieto citi.

ja variWordPressJS koda pievienošana rakstam noteikti padarīs rakstu krāsainu.

Kā pievienot JS kodu WordPress rakstiem

JavaScript koda pievienošana WordPress ziņai ir ļoti vienkārša.

Nākamais,Čens VeiliangsDalīsies ar jums:Kā pievienot JavaScript kodu WordPress ziņām?

Parasti ir divi veidi, kā pievienot JS kodu:

1. Pievienojiet JS kodu tieši WordPress ziņām
2. Pēc JS faila rakstīšanas izsauciet JS kodu WordPress rakstā

1) Pievienojiet JS kodu tieši WordPress ziņai

Pirmā metode, JavaScript rakstīšana tieši WordPress ziņā.

Šeit ir teksta "Sveika pasaule!" ▼ drukāšanas piemērs

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

Tas ir iekļauts WordPress ziņojumā, kurā pēc JavaScript ▼ izpildes tiek parādīts "Sveika pasaule!"

2) Pēc JS faila uzrakstīšanas izsauciet JS kodu WordPress rakstā

Otrajā veidā ierakstiet JavaScript kodu atsevišķā failā.

Pēc tam WordPress ziņojumā, kurā ir jāievieto JavaScript, izsauciet JavaScript failu, izmantojot WordPress teksta redaktoru.

Šis piemērs ir WordPress ziņojumā, kurā tiek drukāts teksts "Hello World" ▼

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

JavaScript faila hello.js ▼ saturs

document.write("Hello World");

JavaScript koda pievienošana WordPress ziņai parāda rezultātus ▼

WordPress izsauc JS kodu šodienas datumam

Internetā ir daudz jautra un noderīga JavaScript koda.

Tagad sniedziet piemēru, kā tos izmantot?

Drukājiet šodienas datumu WordPress ziņās.

Ievietojiet tālāk norādīto JavaScript date.js failu savā WordPress ziņā ▼

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

Tālāk ir norādīts faila date.js JavaScript saturs ▼

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

Šeit ir JavaScript izpildes rezultāti šodienas datumā WordPress ziņojumā ▼

Tālāk ir sniegts šajā rakstā izpildītā JavaScript faila date.js rezultāts ▼

注意 事项

Lai ziņā ievietotu JS kodu, WordPress redaktors jāpārslēdz uz teksta režīmu.

īpašu uzmanību和之间不能有换行。

Ja ir rindiņas pārtraukums, WordPress to automātiski apstrādās kā rindkopu un automātiski pievienos p tagu, kas izraisa JS skripta koda kļūmi.

Šeit ir vairāk rakstu par WordPress JavaScript kodu ▼

🔗Kā norādīt rakstu lapas, lai ielādētu JavaScript/CSS kodu programmā WordPress?

🔗Kā likt WordPress aizkavēt JavaScript ielādi, lai paātrinātu lapas renderēšanu?

🔗Kā pareizi ieviest JavaScript programmā WordPress? Pielāgota JS un CSS failu ielāde