Jak dodać kod JavaScript w poście WordPress?

systematycznie się uczyłzbudować stronę internetowąTechnicznySEOEksperci wiedzą, jak łatwo korzystać z programów JavaScript.

Istnieje wiele łatwych w użyciu kodów JavaScript udostępnianych przez innych w Internecie.

Jeśli możeszWordPressDodanie kodu JS do artykułu z pewnością sprawi, że artykuł będzie kolorowy.

Jak dodać kod JS do artykułów WordPress

Dodanie kodu JavaScript do posta na WordPressie jest bardzo proste.

Kolejny,Chen WeiliangPodzielę się z Tobą:Jak dodać kod JavaScript do postów WordPress?

Zazwyczaj istnieją 2 sposoby dodania kodu JS:

1. Dodaj kod JS bezpośrednio do postów WordPress
2. Wywołaj kod JS w artykule WordPress po napisaniu pliku JS

1) Dodaj kod JS bezpośrednio do wpisu WordPress

Pierwsza metoda, pisanie JavaScript bezpośrednio w poście WordPress.

Oto przykład drukowania tekstu „Hello World!” ▼

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

To jest w poście WordPress, który wyświetla „Hello World!” po uruchomieniu JavaScript ▼

2) Po zapisaniu pliku JS wywołaj kod JS w artykule WordPress

Drugi sposób, zapisz kod JavaScript w osobnym pliku.

Następnie w poście WordPress, w którym należy wstawić JavaScript, wywołaj plik JavaScript za pomocą edytora tekstu WordPress.

Poniższy przykład znajduje się w poście WordPress, drukującym tekst „Hello World” ▼

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

Zawartość pliku JavaScript hello.js ▼

document.write("Hello World");

Dodanie kodu JavaScript do posta WordPress pokazuje wyniki ▼

WordPress wywołuje kod JS na dzisiejszą datę

W Internecie jest dużo zabawnego i przydatnego kodu JavaScript.

Teraz podaj przykład, jak z nich korzystać?

Wydrukuj dzisiejszą datę w postach WordPress.

Wstaw następujący plik JavaScript date.js do swojego postu WordPress ▼

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

Poniżej znajduje się zawartość JavaScript pliku 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()

Oto wynik wykonania dzisiejszej daty przez JavaScript w poście WordPress ▼

Poniżej znajduje się wynik pliku JavaScript date.js wykonanego w tym artykule ▼

注意 事项

Aby wstawić kod JS do posta, musisz przełączyć edytor WordPress w tryb tekstowy.

specjalna uwaga和之间不能有换行。

Jeśli pojawi się podział wiersza, WordPress automatycznie przetworzy go jako akapit i automatycznie doda znacznik p, który spowoduje awarię kodu skryptu JS.

Więcej artykułów na temat kodu JavaScript WordPress tutaj ▼

W jaki sposób WordPress określa, że ​​strony artykułów ładują kod JavaScript/CSS?

Podczas tworzenia motywu WordPress, jeśli na określonej stronie w WordPressie znajduje się określony kod JavaScript lub CSS, zostanie on użyty tylko raz.Gdzie należy umieścić kod? Style.css czy base.js?Ale koszt takiego postępowania jest trochę wysoki. ...

Jak sprawić, by WordPress leniwie ładował JavaScript, aby przyspieszyć renderowanie strony?

WordPress leniwie ładuje JavaScript, aby przyspieszyć metody renderowania stron.Co to jest właściwość Defer JavaScript?Każdy chyba spotkał się z taką sytuacją: w głowie jest N skryptów, a gdy skrypty są ładowane, renderowanie strony jest blokowane, która zwykle jest pusta. ...

Jak WordPress poprawnie wprowadza JavaScript?Niestandardowe ładowanie plików JS i CSS

Programiści, którzy tworzą strony internetowe za pomocą WordPress, odwołują się do niektórych zasobów skryptów JavaScript i CSS podczas tworzenia wtyczek WordPress lub dostosowywania motywów WordPress.Zwykle ludzie używają linków, tagów skryptu bezpośrednio do HTML.W rzeczywistości w WordPressie…