Paano magdagdag ng JavaScript code sa loob ng isang post sa WordPress?

sistematikong natutunanBumuo ng istasyonTeknikalSEOAlam ng mga eksperto kung paano madaling gamitin ang mga JavaScript program.

Maraming madaling gamitin na JavaScript code na ibinahagi ng iba sa Internet.

kung kaya moWordPressAng pagdaragdag ng JS code sa artikulo ay tiyak na gagawing makulay ang artikulo.

Paano magdagdag ng JS code sa mga artikulo ng WordPress

Ang pagdaragdag ng JavaScript code sa isang WordPress post ay napaka-simple.

Susunod,Chen WeiliangIbabahagi sa iyo:Paano magdagdag ng JavaScript code sa mga post sa WordPress?

Karaniwang mayroong 2 paraan upang magdagdag ng JS code:

1. Direktang magdagdag ng JS code sa mga post sa WordPress
2. Tawagan ang JS code sa WordPress na artikulo pagkatapos magsulat ng JS file

1) Direktang magdagdag ng JS code sa WordPress post

Ang unang paraan, pagsulat ng JavaScript nang direkta sa WordPress post.

Narito ang isang halimbawa ng pag-print ng tekstong "Hello World!" ▼

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

Ito ay nasa isang WordPress post na nagpapakita ng "Hello World!" pagkatapos i-execute ang JavaScript ▼

2) Pagkatapos isulat ang JS file, tawagan ang JS code sa artikulo ng WordPress

Para sa pangalawang paraan, isulat ang JavaScript code sa isang hiwalay na file.

Pagkatapos sa WordPress post kung saan kailangang ipasok ang JavaScript, tawagan ang JavaScript file sa pamamagitan ng WordPress text editor.

Ang sumusunod na halimbawa ay nasa isang WordPress post, na nagpi-print ng "Hello World" na teksto ▼

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

Nilalaman ng JavaScript file hello.js ▼

document.write("Hello World");

Ang pagdaragdag ng JavaScript code sa isang WordPress post ay nagpapakita ng mga resulta ▼

Ang WordPress ay tumatawag sa JS code para sa petsa ngayon

Maraming masaya at kapaki-pakinabang na JavaScript code sa Internet.

Ngayon magbigay ng isang halimbawa kung paano gamitin ang mga ito?

I-print ang petsa ngayon sa mga post sa WordPress.

Ipasok ang sumusunod na JavaScript date.js file sa iyong 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>

Nasa ibaba ang JavaScript na nilalaman ng date.js file ▼

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

Narito ang resulta ng JavaScript na nagsasagawa ng petsa ngayon sa isang WordPress post ▼

Nasa ibaba ang resulta ng JavaScript file date.js na isinagawa sa artikulong ito ▼

注意 事项

Upang ipasok ang JS code sa isang post, kailangan mong ilipat ang editor ng WordPress sa text mode.

espesyal na atensyon和之间不能有换行。

Kung may line break, awtomatiko itong ipoproseso ng WordPress bilang isang talata, at awtomatikong magdagdag ng p tag na nagiging sanhi ng pagkabigo ng JS script code.

Mayroong higit pang mga artikulo sa WordPress JavaScript code dito ▼

🔗Paano tukuyin ang mga pahina ng artikulo upang i-load ang JavaScript/CSS code sa WordPress?

🔗Paano gagawing antalahin ng WordPress ang paglo-load ng JavaScript para mapabilis ang pag-render ng page?

🔗Paano maayos na ipakilala ang JavaScript sa WordPress? Pasadyang paglo-load ng mga JS at CSS file