Hoe JavaScript-code toe te voegen aan een WordPress-bericht?

systematisch geleerdeen website bouwentechnischSEOExperts weten hoe ze JavaScript-programma's gemakkelijk kunnen gebruiken.

Er zijn veel gebruiksvriendelijke JavaScript-codes die door anderen op internet worden gedeeld.

als je kunthood.discountHet toevoegen van JS-code aan het artikel zal het artikel zeker kleurrijk maken.

Hoe JS-code aan WordPress-artikelen toe te voegen

Het toevoegen van JavaScript-code aan een WordPress-bericht is heel eenvoudig.

De volgende,Chen WeiliangZal met u delen:Hoe JavaScript-code toe te voegen aan WordPress-berichten?

Er zijn meestal 2 manieren om JS-code toe te voegen:

1. Voeg JS-code rechtstreeks toe aan WordPress-berichten
2. Roep JS-code op in WordPress-artikel na het schrijven van JS-bestand

1) Voeg JS-code rechtstreeks toe aan de WordPress-post

De eerste methode, JavaScript rechtstreeks in de WordPress-post schrijven.

Hier is een voorbeeld van het afdrukken van de tekst "Hello World!" ▼

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

Dit staat in een WordPress-bericht waarin "Hallo wereld!" wordt weergegeven na het uitvoeren van JavaScript ▼

2) Bel na het schrijven van het JS-bestand de JS-code in het WordPress-artikel

De tweede manier, schrijf de JavaScript-code naar een apart bestand.

Roep vervolgens in het WordPress-bericht waar het JavaScript moet worden ingevoegd het JavaScript-bestand aan via de WordPress-teksteditor.

Het volgende voorbeeld staat in een WordPress-bericht, waarbij de tekst "Hallo wereld" wordt afgedrukt ▼

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

Inhoud van JavaScript-bestand hello.js ▼

document.write("Hello World");

Door JavaScript-code toe te voegen aan een WordPress-bericht worden de resultaten weergegeven ▼

WordPress roept JS-code op voor de datum van vandaag

Er is veel leuke en nuttige JavaScript-code op internet.

Geef nu een voorbeeld van hoe ze te gebruiken?

Druk de datum van vandaag af in WordPress-berichten.

Voeg het volgende JavaScript date.js-bestand in uw WordPress-bericht in ▼

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

Hieronder vindt u de JavaScript-inhoud van het date.js-bestand ▼

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

Hier is het resultaat van JavaScript die de datum van vandaag uitvoert in een WordPress-bericht ▼

Hieronder staat het resultaat van het JavaScript-bestand date.js dat in dit artikel is uitgevoerd

注意 事项

Om JS-code in een bericht in te voegen, moet je de WordPress-editor in de tekstmodus zetten.

speciale aandacht和之间不能有换行。

Als er een regeleinde is, verwerkt WordPress deze automatisch als een alinea en voegt automatisch een p-tag toe die ervoor zorgt dat de JS-scriptcode mislukt.

Er zijn hier meer artikelen over WordPress JavaScript-code ▼

🔗Hoe kan ik aangeven welke artikelpagina's JavaScript/CSS-code moeten laden in WordPress?

🔗Hoe kan ik ervoor zorgen dat WordPress het laden van JavaScript vertraagt, zodat de pagina sneller wordt weergegeven?

🔗Hoe introduceer je JavaScript op de juiste manier in WordPress? Aangepast laden van JS- en CSS-bestanden