Bagaimana cara menambahkan kode JavaScript di dalam posting WordPress?

dipelajari secara sistematismembangun situs webteknisSEOPara ahli tahu cara menggunakan program JavaScript dengan mudah.

Ada banyak kode JavaScript yang mudah digunakan yang dibagikan oleh orang lain di Internet.

jika kamu bisaWordPressMenambahkan kode JS ke artikel pasti akan membuat artikel menjadi berwarna.

Bagaimana cara menambahkan kode JS ke artikel WordPress

Menambahkan kode JavaScript ke posting WordPress sangat sederhana.

Lanjut,Chen WeiliangAkan berbagi dengan Anda:Bagaimana cara menambahkan kode JavaScript ke posting WordPress?

Biasanya ada 2 cara untuk menambahkan kode JS:

1. Tambahkan kode JS langsung ke posting WordPress
2. Panggil kode JS di artikel WordPress setelah menulis file JS

1) Tambahkan kode JS langsung ke posting WordPress

Cara pertama, menulis JavaScript langsung di postingan WordPress.

Berikut adalah contoh pencetakan teks "Halo Dunia!"

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

Ini ada di postingan WordPress yang menampilkan "Hello World!" setelah menjalankan JavaScript

2) Setelah menulis file JS, panggil kode JS di artikel WordPress

Cara kedua, tuliskan kode JavaScript ke file terpisah.

Kemudian di postingan WordPress di mana JavaScript perlu dimasukkan, panggil file JavaScript melalui editor teks WordPress.

Contoh berikut ada di posting WordPress, mencetak teks "Hello World"

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

Isi file JavaScript hello.js

document.write("Hello World");

Menambahkan kode JavaScript ke posting WordPress menunjukkan hasilnya

WordPress memanggil kode JS untuk tanggal hari ini

Ada banyak kode JavaScript yang menyenangkan dan berguna di Internet.

Sekarang berikan contoh cara menggunakannya?

Cetak tanggal hari ini di posting WordPress.

Masukkan file JavaScript date.js berikut ke dalam posting WordPress Anda

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

Di bawah ini adalah konten JavaScript dari file 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()

Berikut adalah hasil JavaScript yang mengeksekusi tanggal hari ini di posting WordPress

Di bawah ini adalah hasil dari file JavaScript date.js yang dieksekusi di artikel ini

注意 事项

Untuk memasukkan kode JS ke dalam posting, Anda perlu mengubah editor WordPress ke mode teks.

perhatian khusus和之间不能有换行。

Jika ada jeda baris, WordPress akan secara otomatis memprosesnya sebagai paragraf, dan secara otomatis menambahkan tag p yang menyebabkan kode skrip JS gagal.

Ada lebih banyak artikel tentang kode JavaScript WordPress di sini

Bagaimana WordPress menentukan bahwa halaman artikel memuat kode JavaScript/CSS?

Saat membuat tema WordPress, jika ada kode JavaScript atau CSS tertentu yang muncul di halaman tertentu di WordPress, itu hanya akan digunakan sekali.Di mana kode harus ditempatkan? Style.css atau base.js?Tetapi biaya untuk melakukannya agak tinggi. ...

Bagaimana cara membuat WordPress lazy load JavaScript untuk mempercepat rendering halaman?

WordPress memuat lambat JavaScript untuk mempercepat metode rendering halaman.Apa itu properti Defer JavaScript?Setiap orang mungkin pernah mengalami situasi ini: ada N skrip di kepala, dan ketika skrip dimuat, rendering halaman diblokir, yang biasanya kosong. ...

Bagaimana WordPress memperkenalkan JavaScript dengan benar?Pemuatan kustom file JS dan CSS

Pemrogram yang membuat situs web dengan WordPress mengacu pada beberapa sumber daya skrip JavaScript dan CSS saat mengembangkan plugin WordPress atau menyesuaikan tema WordPress.Biasanya, orang menggunakan tautan, tag skrip langsung untuk HTML.Bahkan, di dalam WordPress…