Hur lägger man till JavaScript-kod i ett WordPress-inlägg?

systematiskt lärt sigbygga en webbplatstekniskSEOExperter vet hur man enkelt använder JavaScript-program.

Det finns många lättanvända JavaScript-koder som delas av andra på Internet.

om du kanhood.discountAtt lägga till JS-kod till artikeln kommer definitivt att göra artikeln färgstark.

Hur man lägger till JS-kod till WordPress-artiklar

Att lägga till JavaScript-kod i ett WordPress-inlägg är väldigt enkelt.

Nästa,Chen WeiliangKommer att dela med dig:Hur lägger man till JavaScript-kod i WordPress-inlägg?

Det finns vanligtvis två sätt att lägga till JS-kod:

1. Lägg till JS-kod direkt i WordPress-inlägg
2. Ring JS-kod i WordPress-artikeln efter att ha skrivit JS-fil

1) Lägg till JS-kod direkt i WordPress-inlägget

Den första metoden, att skriva JavaScript direkt i WordPress-inlägget.

Här är ett exempel på att skriva ut texten "Hello World!" ▼

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

Detta är i ett WordPress-inlägg som visar "Hello World!" efter att ha kört JavaScript ▼

2) Efter att ha skrivit JS-filen, ring JS-koden i WordPress-artikeln

Det andra sättet, skriv JavaScript-koden till en separat fil.

Anropa sedan JavaScript-filen i WordPress-inlägget där JavaScriptet måste infogas via WordPress-textredigeraren.

Följande exempel finns i ett WordPress-inlägg, där texten "Hello World" skrivs ut ▼

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

Innehållet i JavaScript-filen hello.js ▼

document.write("Hello World");

Om du lägger till JavaScript-kod i ett WordPress-inlägg visas resultaten ▼

WordPress anropar JS-kod för dagens datum

Det finns mycket rolig och användbar JavaScript-kod på Internet.

Ge nu ett exempel på hur man använder dem?

Skriv ut dagens datum i WordPress-inlägg.

Infoga följande JavaScript-fil date.js i ditt WordPress-inlägg ▼

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

Nedan finns JavaScript-innehållet i 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()

Här är resultatet av JavaScript som kör dagens datum i ett WordPress-inlägg ▼

Nedan är resultatet av JavaScript-filen date.js som körs i den här artikeln ▼

注意 事项

För att infoga JS-kod i ett inlägg måste du byta WordPress-redigeraren till textläge.

särskild uppmärksamhet和之间不能有换行。

Om det finns en radbrytning kommer WordPress automatiskt att behandla den som ett stycke och automatiskt lägga till en p-tagg som gör att JS-skriptkoden misslyckas.

Det finns fler artiklar om WordPress JavaScript-kod här ▼

🔗Hur anger man artikelsidor för att ladda JavaScript/CSS-kod i WordPress?

🔗Hur får WordPress att fördröja laddningen av JavaScript för att påskynda sidrenderingen?

🔗Hur introducerar man JavaScript korrekt i WordPress? Anpassad laddning av JS- och CSS-filer