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 legt WordPress fest, dass Artikelseiten JavaScript/CSS-Code laden?

Wenn beim Erstellen eines WordPress-Themes ein bestimmter JavaScript- oder CSS-Code auf einer bestimmten Seite in WordPress erscheint, wird dieser nur einmal verwendet.Wo soll der Code platziert werden? Style.css oder base.js?Aber die Kosten dafür sind etwas hoch. ...

Wie kann man WordPress dazu bringen, JavaScript verzögert zu laden, um das Rendern von Seiten zu beschleunigen?

WordPress lädt JavaScript verzögert, um die Methoden zum Rendern von Seiten zu beschleunigen.Was ist die Defer-Eigenschaft von JavaScript?Jeder kennt diese Situation wahrscheinlich: Es befinden sich N Skripte im Kopf, und wenn die Skripte geladen werden, wird die Seitendarstellung blockiert, die normalerweise leer ist. ...

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

Programmierer, die Websites mit WordPress erstellen, beziehen sich auf einige JavaScript- und CSS-Skriptressourcen, wenn sie WordPress-Plugins entwickeln oder WordPress-Designs anpassen.Normalerweise verwenden die Leute Link- und Skript-Tags direkt für HTML.In der Tat, innerhalb von WordPress…