Hoe kinne jo JavaScript-koade tafoegje yn in WordPress-post?

systematysk leardbouwe in websideTechnyskSEOEksperts witte hoe't jo JavaScript-programma's maklik kinne brûke.

D'r binne in protte maklik te brûken JavaScript-koades dield troch oaren op it ynternet.

ast kinstWordPressIt tafoegjen fan JS-koade oan it artikel sil it artikel grif kleurich meitsje.

Hoe kinne jo JS-koade tafoegje oan WordPress-artikels

JavaScript-koade tafoegje oan in WordPress-post is heul ienfâldich.

Folgjende,Chen WeiliangSil mei dy diele:Hoe kinne jo JavaScript-koade tafoegje oan WordPress-berjochten?

D'r binne normaal 2 manieren om JS-koade ta te foegjen:

1. Foegje JS-koade direkt ta oan WordPress-berjochten
2. Rop JS-koade yn WordPress-artikel nei it skriuwen fan JS-bestân

1) Foegje JS-koade direkt ta oan 'e WordPress-post

De earste metoade, it skriuwen fan JavaScript direkt yn 'e WordPress-post.

Hjir is in foarbyld fan it printsjen fan de tekst "Hallo wrâld!" ▼

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

Dit is yn in WordPress-post dy't "Hello World!" toant nei it útfieren fan JavaScript ▼

2) Nei it skriuwen fan it JS-bestân, skilje de JS-koade yn it WordPress-artikel

Foar de twadde metoade, skriuw de JavaScript-koade nei in apart bestân.

Dan yn 'e WordPress-post wêr't de JavaScript moat wurde ynfoege, rop it JavaScript-bestân fia de WordPress-tekstbewurker.

It folgjende foarbyld is yn in WordPress-post, it printsjen fan "Hello World" tekst ▼

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

Ynhâld fan JavaSkript triem hello.js ▼

document.write("Hello World");

JavaScript-koade tafoegje oan in WordPress-post toant de resultaten ▼

WordPress neamt JS-koade foar de datum fan hjoed

D'r is in protte leuke en brûkbere JavaScript-koade op it ynternet.

No jou in foarbyld fan hoe't jo se brûke?

Printsje de datum fan hjoed yn WordPress-berjochten.

Foegje it folgjende JavaScript date.js-bestân yn jo WordPress-post yn ▼

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

Hjirûnder is de JavaScript-ynhâld fan it date.js-bestân ▼

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

Hjir is it resultaat fan JavaScript dy't de datum fan hjoed útfiert yn in WordPress-post ▼

Hjirûnder is it resultaat fan it JavaScript-bestân date.js útfierd yn dit artikel ▼

Foarsoarchsmaatregels

Om JS-koade yn in post yn te foegjen, moatte jo de WordPress-bewurker wikselje nei tekstmodus.

spesjale oandacht和之间不能有换行。

As der in line break is, sil WordPress it automatysk ferwurkje as in paragraaf, en automatysk in p-tag tafoegje dy't feroarsaket dat de JS-skriptkoade mislearret.

D'r binne mear artikels oer WordPress JavaScript-koade hjir ▼

🔗Hoe artikelsiden opjaan om JavaScript/CSS-koade te laden yn WordPress?

🔗Hoe kinne WordPress it laden fan JavaScript fertrage meitsje om de werjefte fan side te fersnellen?

🔗Hoe kinne jo JavaScript goed ynfiere yn WordPress? Oanpaste laden fan JS- en CSS-bestannen