Com afegir codi JavaScript dins d'una publicació de WordPress?

apresos sistemàticamentconstruir un lloc webtècnicaSEOEls experts saben com utilitzar programes JavaScript fàcilment.

Hi ha molts codis JavaScript fàcils d'utilitzar compartits per altres a Internet.

si potsWordPressAfegir codi JS a l'article definitivament farà que l'article sigui colorit.

Com afegir codi JS als articles de WordPress

Afegir codi JavaScript a una publicació de WordPress és molt senzill.

Pròxim,Chen WeiliangCompartiré amb tu:Com afegir codi JavaScript a les publicacions de WordPress?

Normalment hi ha 2 maneres d'afegir codi JS:

1. Afegiu codi JS directament a les publicacions de WordPress
2. Truqueu al codi JS a l'article de WordPress després d'escriure el fitxer JS

1) Afegiu codi JS directament a la publicació de WordPress

El primer mètode, escriure JavaScript directament a la publicació de WordPress.

Aquí teniu un exemple d'impressió del text "Hola món!" ▼

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

Això es troba en una publicació de WordPress que mostra "Hola món!" després d'executar JavaScript ▼

2) Després d'escriure el fitxer JS, truqueu el codi JS a l'article de WordPress

La segona manera, escriviu el codi JavaScript en un fitxer separat.

A continuació, a la publicació de WordPress on cal inserir JavaScript, truqueu al fitxer JavaScript mitjançant l'editor de text de WordPress.

L'exemple següent es troba en una publicació de WordPress, imprimint el text "Hola món" ▼

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

Contingut del fitxer JavaScript hello.js ▼

document.write("Hello World");

Afegir codi JavaScript a una publicació de WordPress mostra els resultats ▼

WordPress truca al codi JS per a la data d'avui

Hi ha un munt de codi JavaScript divertit i útil a Internet.

Ara doneu un exemple de com utilitzar-los?

Imprimiu la data d'avui a les publicacions de WordPress.

Inseriu el següent fitxer JavaScript date.js a la vostra publicació de WordPress ▼

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

A continuació es mostra el contingut de JavaScript del fitxer 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()

Aquí teniu el resultat de l'execució de JavaScript de la data d'avui en una publicació de WordPress ▼

A continuació es mostra el resultat del fitxer JavaScript date.js executat en aquest article ▼

注意 事项

Per inserir codi JS en una publicació, heu de canviar l'editor de WordPress al mode de text.

atenció especial和之间不能有换行。

Si hi ha un salt de línia, WordPress el processarà automàticament com a paràgraf i afegirà automàticament una etiqueta p que fa que el codi de l'script JS falli.

Hi ha més articles sobre el codi JavaScript de WordPress aquí ▼

🔗Com especificar les pàgines d'articles per carregar codi JavaScript/CSS a WordPress?

🔗Com fer que WordPress retardi la càrrega de JavaScript per accelerar la representació de la pàgina?

🔗Com introduir correctament JavaScript a WordPress? Càrrega personalitzada de fitxers JS i CSS