Hvordan legge til JavaScript-kode i et WordPress-innlegg?

systematisk lærtbygge en nettsideTekniskSEOEksperter vet hvordan man bruker JavaScript-programmer enkelt.

Det er mange brukervennlige JavaScript-koder som deles av andre på Internett.

hvis du kanWordPressÅ legge til JS-kode i artikkelen vil definitivt gjøre artikkelen fargerik.

Hvordan legge til JS-kode i WordPress-artikler

Å legge til JavaScript-kode i et WordPress-innlegg er veldig enkelt.

Neste,Chen WeiliangVil dele med deg:Hvordan legge til JavaScript-kode i WordPress-innlegg?

Det er vanligvis to måter å legge til JS-kode på:

1. Legg til JS-kode direkte i WordPress-innlegg
2. Ring JS-kode i WordPress-artikkelen etter å ha skrevet JS-fil

1) Legg til JS-kode direkte i WordPress-innlegget

Den første metoden, å skrive JavaScript direkte i WordPress-innlegget.

Her er et eksempel på utskrift av teksten "Hello World!" ▼

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

Dette er i et WordPress-innlegg som viser "Hello World!" etter å ha kjørt JavaScript ▼

2) Etter å ha skrevet JS-filen, ring JS-koden i WordPress-artikkelen

Den andre måten, skriv JavaScript-koden til en egen fil.

I WordPress-innlegget der JavaScript må settes inn, kaller du JavaScript-filen gjennom WordPress-tekstredigereren.

Følgende eksempel er i et WordPress-innlegg, som skriver ut "Hello World"-tekst ▼

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

Innholdet i JavaScript-filen hello.js ▼

document.write("Hello World");

Å legge til JavaScript-kode i et WordPress-innlegg viser resultatene ▼

WordPress kaller JS-kode for dagens dato

Det er mye morsom og nyttig JavaScript-kode på Internett.

Gi nå et eksempel på hvordan du bruker dem?

Skriv ut dagens dato i WordPress-innlegg.

Sett inn følgende JavaScript date.js-fil i WordPress-innlegget ditt ▼

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

Nedenfor er JavaScript-innholdet til date.js-filen ▼

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

Her er resultatet av JavaScript som kjører dagens dato i et WordPress-innlegg ▼

Nedenfor er resultatet av JavaScript-filen date.js utført i denne artikkelen ▼

forholdsregler

For å sette inn JS-kode i et innlegg, må du bytte WordPress-editoren til tekstmodus.

spesiell oppmerksomhet和之间不能有换行。

Hvis det er et linjeskift, vil WordPress automatisk behandle det som et avsnitt, og automatisk legge til en p-tag som gjør at JS-skriptkoden mislykkes.

Det er flere artikler om WordPress JavaScript-kode her ▼

Hvordan spesifiserer WordPress at artikkelsider laster JavaScript/CSS-kode?

Når du lager et WordPress-tema, hvis det er en spesifikk JavaScript- eller CSS-kode som vises på en bestemt side i WordPress, vil den kun brukes én gang.Hvor skal koden plasseres? Style.css eller base.js?Men kostnadene ved å gjøre det er litt høye. ...

Hvordan få WordPress til å laste JavaScript lat for å øke hastigheten på sidegjengivelsen?

WordPress lazy-laster JavaScript for å øke hastigheten på sidegjengivelsesmetoder.Hva er JavaScripts Defer-egenskap?Alle har sannsynligvis støtt på denne situasjonen: det er N skript i hodet, og når skriptene er lastet, blokkeres sidegjengivelsen, som vanligvis er tom. ...

Hvordan introduserer WordPress JavaScript riktig?Tilpasset lasting av JS- og CSS-filer

Programmerere som bygger nettsteder med WordPress, henviser til noen JavaScript- og CSS-skriptressurser når de utvikler WordPress-plugins eller tilpasser WordPress-temaer.Vanligvis bruker folk link, script-tagger direkte for HTML.Faktisk, i WordPress ...