Come aggiungere codice JavaScript all'interno di un post di WordPress?

appreso sistematicamentecostruire un sito webTecnicoGestione SEOGli esperti sanno come utilizzare facilmente i programmi JavaScript.

Ci sono molti codici JavaScript facili da usare condivisi da altri su Internet.

se poteteWordPressL'aggiunta del codice JS all'articolo renderà sicuramente l'articolo colorato.

Come aggiungere codice JS agli articoli di WordPress

Aggiungere codice JavaScript a un post di WordPress è molto semplice.

Il prossimo,Chen WeiangCondividerò con te:Come aggiungere codice JavaScript ai post di WordPress?

Di solito ci sono 2 modi per aggiungere il codice JS:

1. Aggiungi il codice JS direttamente ai post di WordPress
2. Chiama il codice JS nell'articolo di WordPress dopo aver scritto il file JS

1) Aggiungi il codice JS direttamente al post di WordPress

Il primo metodo, scrivere JavaScript direttamente nel post di WordPress.

Ecco un esempio di stampa del testo "Hello World!" ▼

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

Questo è in un post di WordPress che mostra "Hello World!" dopo aver eseguito JavaScript ▼

2) Dopo aver scritto il file JS, chiama il codice JS nell'articolo di WordPress

Il secondo modo, scrivi il codice JavaScript in un file separato.

Quindi nel post di WordPress in cui è necessario inserire JavaScript, chiama il file JavaScript tramite l'editor di testo di WordPress.

L'esempio seguente è in un post di WordPress, che stampa il testo "Hello World" ▼

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

Contenuto del file JavaScript hello.js ▼

document.write("Hello World");

L'aggiunta di codice JavaScript a un post di WordPress mostra i risultati ▼

WordPress chiama il codice JS per la data odierna

C'è molto codice JavaScript divertente e utile su Internet.

Ora fai un esempio di come usarli?

Stampa la data odierna nei post di WordPress.

Inserisci il seguente file JavaScript date.js nel tuo post di WordPress ▼

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

Di seguito è riportato il contenuto JavaScript del file date.js ▼

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

Ecco il risultato dell'esecuzione di JavaScript nella data odierna in un post di WordPress ▼

Di seguito è riportato il risultato del file JavaScript date.js eseguito in questo articolo ▼

注意 事项

Per inserire il codice JS in un post, devi impostare l'editor di WordPress in modalità testo.

attenzione speciale和之间不能有换行。

Se c'è un'interruzione di riga, WordPress lo elaborerà automaticamente come paragrafo e aggiungerà automaticamente un tag p che causa il fallimento del codice dello script JS.

Ci sono altri articoli sul codice JavaScript di WordPress qui ▼

In che modo WordPress specifica che le pagine degli articoli caricano il codice JavaScript/CSS?

Quando crei un tema WordPress, se è presente un codice JavaScript o CSS specifico che appare su una pagina specifica in WordPress, verrà utilizzato solo una volta.Dove deve essere posizionato il codice? Style.css o base.js?Ma il costo per farlo è un po' alto. ...

Come rendere JavaScript lazy load di WordPress per accelerare il rendering della pagina?

WordPress carica lazy JavaScript per velocizzare i metodi di rendering delle pagine.Che cos'è la proprietà Defer di JavaScript?Probabilmente tutti hanno riscontrato questa situazione: ci sono N script in testa, e quando gli script vengono caricati, il rendering della pagina è bloccato, che di solito è vuoto. ...

In che modo WordPress introduce correttamente JavaScript?Caricamento personalizzato di file JS e CSS

I programmatori che creano siti Web con WordPress fanno riferimento ad alcune risorse di script JavaScript e CSS durante lo sviluppo di plug-in WordPress o la personalizzazione dei temi WordPress.Di solito, le persone usano link, tag di script direttamente per HTML.Infatti, all'interno di WordPress...