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 kanWordpressAtt 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 WordPress att artikelsidor laddar JavaScript/CSS-kod?

När du gör ett WordPress-tema, om det finns en specifik JavaScript- eller CSS-kod som visas på en specifik sida i WordPress, kommer den bara att användas en gång.Var ska koden placeras? Style.css eller base.js?Men kostnaden för att göra det är lite hög. ...

Hur gör man för att göra WordPress lata att ladda JavaScript för att påskynda sidrenderingen?

WordPress laddar JavaScript för att påskynda sidrenderingsmetoderna.Vad är JavaScripts Defer-egenskap?Alla har förmodligen stött på den här situationen: det finns N skript i huvudet, och när skripten laddas blockeras sidrenderingen, vilket vanligtvis är tomt. ...

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

Programmerare som bygger webbplatser med WordPress hänvisar till vissa JavaScript- och CSS-skriptresurser när de utvecklar WordPress-plugins eller anpassar WordPress-teman.Vanligtvis använder folk länk-, skripttaggar direkt för HTML.Faktum är att inom WordPress...