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 spesifiseer WordPress dat artikelbladsye JavaScript/CSS-kode laai?

Wanneer 'n WordPress-tema gemaak word, as daar 'n spesifieke JavaScript- of CSS-kode is wat op 'n spesifieke bladsy in WordPress verskyn, sal dit net een keer gebruik word.Waar moet die kode geplaas word? Style.css of base.js?Maar die koste om dit te doen is 'n bietjie hoog. ...

Hoe maak u WordPress lui om JavaScript te laai om bladsyweergawe te bespoedig?

WordPress laai JavaScript lui om bladsyweergawe te bespoedig.Wat is JavaScript se Defer-eiendom?Almal het waarskynlik hierdie situasie teëgekom: daar is N skrifte in die kop, en wanneer die skrifte gelaai is, word die bladsyweergawe geblokkeer, wat gewoonlik leeg is. ...

Hoe stel WordPress JavaScript behoorlik bekend?Pasgemaakte laai JS- en CSS-lêers

Programmeerders wat webwerwe met WordPress bou, verwys na sommige JavaScript- en CSS-skrifbronne wanneer hulle WordPress-inproppe ontwikkel of WordPress-temas aanpas.Gewoonlik gebruik mense skakel, script tags direk vir HTML.Trouens, binne WordPress ...