Wie füge ich JavaScript-Code in einen WordPress-Beitrag ein?

systematisch erlernteine Webseite bauentechnischSEOExperten wissen, wie JavaScript-Programme einfach zu bedienen sind.

Es gibt viele einfach zu verwendende JavaScript-Codes, die von anderen im Internet geteilt werden.

falls Sie könnenWordPressDas Hinzufügen von JS-Code zum Artikel wird den Artikel definitiv bunter machen.

So fügen Sie WordPress-Artikeln JS-Code hinzu

Das Hinzufügen von JavaScript-Code zu einem WordPress-Beitrag ist sehr einfach.

Nächster,Chen WeiliangWird mit Ihnen teilen:Wie füge ich JavaScript-Code zu WordPress-Beiträgen hinzu?

Es gibt normalerweise zwei Möglichkeiten, JS-Code hinzuzufügen:

1. Fügen Sie JS-Code direkt zu WordPress-Beiträgen hinzu
2. Rufen Sie den JS-Code im WordPress-Artikel auf, nachdem Sie die JS-Datei geschrieben haben

1) JS-Code direkt zum WordPress-Beitrag hinzufügen

Die erste Methode, JavaScript direkt in den WordPress-Beitrag zu schreiben.

Hier ist ein Beispiel für den Druck des Textes „Hello World!“ ▼

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

Dies ist in einem WordPress-Beitrag, der nach dem Ausführen von JavaScript ▼ „Hello World!“ anzeigt

2) Rufen Sie nach dem Schreiben der JS-Datei den JS-Code im WordPress-Artikel auf

Bei der zweiten Möglichkeit schreiben Sie den JavaScript-Code in eine separate Datei.

Rufen Sie dann in dem WordPress-Beitrag, in den das JavaScript eingefügt werden muss, die JavaScript-Datei über den WordPress-Texteditor auf.

Das folgende Beispiel befindet sich in einem WordPress-Beitrag und druckt den Text „Hello World“ ▼

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

Inhalt der JavaScript-Datei hello.js ▼

document.write("Hello World");

Das Hinzufügen von JavaScript-Code zu einem WordPress-Beitrag zeigt die Ergebnisse ▼

WordPress ruft JS-Code für das heutige Datum auf

Es gibt eine Menge lustigen und nützlichen JavaScript-Code im Internet.

Geben Sie nun ein Beispiel, wie man sie benutzt?

Drucken Sie das heutige Datum in WordPress-Beiträgen.

Fügen Sie die folgende JavaScript-date.js-Datei in Ihren WordPress-Beitrag ein ▼

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

Unten ist der JavaScript-Inhalt der date.js-Datei ▼

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 ist das Ergebnis der JavaScript-Ausführung des heutigen Datums in einem WordPress-Beitrag ▼

Unten ist das Ergebnis der in diesem Artikel ausgeführten JavaScript-Datei date.js ▼

注意 事项

Um JS-Code in einen Beitrag einzufügen, müssen Sie den WordPress-Editor in den Textmodus schalten.

besondere Aufmerksamkeit和之间不能有换行。

Wenn es einen Zeilenumbruch gibt, verarbeitet WordPress ihn automatisch als Absatz und fügt automatisch ein p-Tag hinzu, das dazu führt, dass der JS-Skriptcode fehlschlägt.

Weitere Artikel zum WordPress-JavaScript-Code gibt es hier ▼

🔗Wie gebe ich Artikelseiten an, um JavaScript-/CSS-Code in WordPress zu laden?

🔗Wie kann ich das Laden von JavaScript in WordPress verzögern, um die Seitendarstellung zu beschleunigen?

🔗Wie führt man JavaScript richtig in WordPress ein? Benutzerdefiniertes Laden von JS- und CSS-Dateien