Kako dodati kodo JavaScript v objavo WordPress?

sistematično učilizgraditi spletno stranTehničniSEOStrokovnjaki vedo, kako enostavno uporabljati programe JavaScript.

Obstaja veliko kod JavaScript, ki so preproste za uporabo in si jih delijo drugi na internetu.

če lahkoWordPressČe v članek dodate kodo JS, bo članek zagotovo popestril.

Kako dodati kodo JS člankom WordPress

Dodajanje kode JavaScript v WordPress objavo je zelo preprosto.

Naslednji,Chen WeiliangDelil z vami:Kako dodati kodo JavaScript v WordPress objave?

Običajno obstajata dva načina za dodajanje kode JS:

1. Dodajte kodo JS neposredno v WordPress objave
2. Pokličite kodo JS v članku WordPress po pisanju datoteke JS

1) Dodajte kodo JS neposredno v objavo WordPress

Prva metoda, pisanje JavaScripta neposredno v objavo WordPress.

Tukaj je primer tiskanja besedila »Hello World!« ▼

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

To je v objavi v WordPressu, ki po izvedbi JavaScripta ▼ prikaže »Hello World!«.

2) Ko napišete datoteko JS, pokličite kodo JS v članku WordPress

Za drugo metodo zapišite kodo JavaScript v ločeno datoteko.

Nato v objavi WordPress, kamor je treba vstaviti JavaScript, prek urejevalnika besedila WordPress pokličite datoteko JavaScript.

Naslednji primer je v objavi WordPress, ki natisne besedilo »Hello World« ▼

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

Vsebina datoteke JavaScript hello.js ▼

document.write("Hello World");

Dodajanje kode JavaScript objavi v WordPressu prikaže rezultate ▼

WordPress kliče kodo JS za današnji datum

Na internetu je veliko zabavne in uporabne kode JavaScript.

Zdaj navedite primer, kako jih uporabiti?

Natisnite današnji datum v objavah WordPress.

V svojo objavo v WordPressu vstavite naslednjo datoteko JavaScript date.js ▼

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

Spodaj je vsebina JavaScript datoteke date.js ▼

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

Tukaj je rezultat izvajanja JavaScripta za današnji datum v objavi WordPress ▼

Spodaj je rezultat datoteke JavaScript date.js, izvedene v tem članku ▼

注意 事项

Če želite v objavo vstaviti kodo JS, morate urejevalnik WordPress preklopiti v besedilni način.

posebna pozornost和之间不能有换行。

Če pride do preloma vrstice, ga bo WordPress samodejno obdelal kot odstavek in samodejno dodal oznako p, ki povzroči napako kode skripta JS.

Tukaj je več člankov o kodi JavaScript WordPress ▼

Kako WordPress določa, da strani s članki nalagajo kodo JavaScript/CSS?

Če pri ustvarjanju teme WordPress obstaja določena koda JavaScript ali CSS, ki se pojavi na določeni strani v WordPressu, bo uporabljena samo enkrat.Kam naj bo koda nameščena? Style.css ali base.js?Toda stroški za to so nekoliko visoki. ...

Kako narediti WordPress, da leno naloži JavaScript, da pospeši upodabljanje strani?

WordPress leno naloži JavaScript, da pospeši metode upodabljanja strani.Kaj je lastnost Defer JavaScripta?Verjetno se je vsak srečal s to situacijo: v glavi je N skriptov in ko so skripte naložene, je upodabljanje strani blokirano, ki je običajno prazna. ...

Kako WordPress pravilno uvede JavaScript?Nalaganje datotek JS in CSS po meri

Programerji, ki izdelujejo spletna mesta z WordPressom, se pri razvoju vtičnikov WordPress ali prilagajanju tem WordPress sklicujejo na nekatere vire skriptov JavaScript in CSS.Običajno ljudje uporabljajo povezave, oznake skripta neposredno za HTML.Pravzaprav znotraj WordPressa ...