Wéi addéiere ech JavaScript Code an engem WordPress Post?

systematesch geléierteng Websäit bauenTechneschAm PrinzipExperten wëssen wéi JavaScript Programmer einfach ze benotzen.

Et gi vill einfach ze benotzen JavaScript Coden déi vun aneren um Internet gedeelt ginn.

wanns de kannsWordPressJS Code an den Artikel bäizefügen wäert den Artikel definitiv faarweg maachen.

Wéi addéiere mer JS Code op WordPress Artikelen

JavaScript Code an e WordPress Post addéieren ass ganz einfach.

NächstChen WeiliangWäert mat Iech deelen:Wéi addéiere ech JavaScript Code op WordPress Posts?

Et ginn normalerweis 2 Weeër fir JS Code ze addéieren:

1. Füügt JS Code direkt op WordPress Posts
2. Call JS Code am WordPress Artikel nodeems Dir JS Datei schreift

1) Füügt JS Code direkt an de WordPress Post

Déi éischt Method, schreift JavaScript direkt am WordPress Post.

Hei ass e Beispill fir den Text "Hallo Welt!" ▼ ze drécken

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

Dëst ass an engem WordPress Post deen "Hallo Welt!" weist nodeems Dir JavaScript ▼ ausféiert

2) Nodeems Dir d'JS Datei schreift, rufft de JS Code am WordPress Artikel un

Fir déi zweet Method, schreift de JavaScript Code an eng separat Datei.

Dann am WordPress Post wou de JavaScript muss agefouert ginn, rufft d'JavaScript-Datei duerch de WordPress Texteditor.

Déi folgend Beispill ass an engem WordPress Post, Drécken "Hallo Welt" Text ▼

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

Inhalt vun JavaScript Fichier hello.js ▼

document.write("Hello World");

JavaScript Code an e WordPress Post addéieren weist d'Resultater ▼

WordPress rifft JS Code fir den Datum vun haut

Et gëtt vill Spaass an nëtzlech JavaScript Code um Internet.

Gitt elo e Beispill vu wéi se se benotzen?

Dréckt den Datum vun haut a WordPress Posts.

Füügt déi folgend JavaScript date.js Datei an Äre WordPress Post ▼

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

Drënner ass de JavaScript Inhalt vun 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()

Hei ass d'Resultat vum JavaScript, deen den Datum vun haut an engem WordPress Post ausféiert ▼

Drënner ass d'Resultat vun der JavaScript Datei date.js an dësem Artikel ausgefouert ▼

Precautiounen

Fir JS Code an e Post ze setzen, musst Dir de WordPress Editor an den Textmodus wiesselen.

speziell Opmierksamkeet和之间不能有换行。

Wann et eng Zeilpaus gëtt, wäert WordPress et automatesch als Paragraphe veraarbecht, an automatesch e p-Tag addéieren, deen de JS Skriptcode fällt.

Et gi méi Artikelen iwwer WordPress JavaScript Code hei ▼

Wéi spezifizéiert WordPress datt Artikel Säiten JavaScript / CSS Code lueden?

Wann Dir e WordPress Thema maacht, wann et e spezifesche JavaScript oder CSS Code gëtt deen op enger spezifescher Säit am WordPress erschéngt, gëtt et nëmmen eemol benotzt.Wou soll de Code gesat ginn? Style.css oder base.js?Awer d'Käschte fir dat ze maachen ass e bëssen héich. ...

Wéi maachen ech WordPress lazy Laden JavaScript fir Säit Rendering ze beschleunegen?

WordPress lazy-loads JavaScript fir Säit Rendering Methoden ze beschleunegen.Wat ass JavaScript's Defer Property?Jiddereen huet wahrscheinlech dës Situatioun begéint: et sinn N Scripten am Kapp, a wann d'Skripte gelueden sinn, gëtt d'Säitrendering blockéiert, wat normalerweis eidel ass. ...

Wéi féiert WordPress richteg JavaScript vir?Benotzerdefinéiert Luede vu JS an CSS Dateien

Programméierer, déi Websäite mat WordPress bauen, bezéie sech op e puer JavaScript- a CSS Skriptressourcen wann Dir WordPress Plugins entwéckelen oder WordPress Themen personaliséieren.Normalerweis benotzen d'Leit Link, Skript Tags direkt fir HTML.Tatsächlech, bannent WordPress ...