Bagaimana untuk menambah kod JavaScript di dalam siaran WordPress?

dipelajari secara sistematikmembina laman webteknikalSEOPakar tahu cara menggunakan program JavaScript dengan mudah.

Terdapat banyak kod JavaScript yang mudah digunakan yang dikongsi oleh orang lain di Internet.

kalau bolehWordPressMenambah kod JS pada artikel pasti akan menjadikan artikel itu berwarna-warni.

Bagaimana untuk menambah kod JS pada artikel WordPress

Menambah kod JavaScript pada siaran WordPress adalah sangat mudah.

Seterusnya,Chen WeiliangAkan berkongsi dengan anda:Bagaimana untuk menambah kod JavaScript pada siaran WordPress?

Biasanya terdapat 2 cara untuk menambah kod JS:

1. Tambahkan kod JS terus ke siaran WordPress
2. Panggil kod JS dalam artikel WordPress selepas menulis fail JS

1) Tambahkan kod JS terus ke siaran WordPress

Kaedah pertama, menulis JavaScript terus dalam catatan WordPress.

Berikut ialah contoh mencetak teks "Hello World!" ▼

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

Ini ada dalam siaran WordPress yang memaparkan "Hello World!" selepas melaksanakan JavaScript ▼

2) Selepas menulis fail JS, panggil kod JS dalam artikel WordPress

Cara kedua, tulis kod JavaScript ke fail berasingan.

Kemudian dalam catatan WordPress di mana JavaScript perlu dimasukkan, panggil fail JavaScript melalui editor teks WordPress.

Contoh berikut adalah dalam catatan WordPress, mencetak teks "Hello World" ▼

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

Kandungan fail JavaScript hello.js ▼

document.write("Hello World");

Menambah kod JavaScript pada siaran WordPress menunjukkan hasil ▼

WordPress memanggil kod JS untuk tarikh hari ini

Terdapat banyak kod JavaScript yang menyeronokkan dan berguna di Internet.

Sekarang berikan contoh cara menggunakannya?

Cetak tarikh hari ini dalam siaran WordPress.

Masukkan fail JavaScript date.js berikut ke dalam catatan 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 ialah kandungan JavaScript fail 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 ialah keputusan JavaScript melaksanakan tarikh hari ini dalam catatan WordPress ▼

Di bawah ialah keputusan fail JavaScript date.js yang dilaksanakan dalam artikel ini ▼

注意 事项

Untuk memasukkan kod JS ke dalam siaran, anda perlu menukar editor WordPress kepada mod teks.

perhatian istimewa和之间不能有换行。

Jika terdapat pemisah baris, WordPress akan memprosesnya secara automatik sebagai perenggan, dan secara automatik menambah tag p yang menyebabkan kod skrip JS gagal.

Terdapat lebih banyak artikel tentang kod JavaScript WordPress di sini ▼

🔗Bagaimanakah WordPress menentukan bahawa halaman artikel memuatkan kod JavaScript/CSS?

🔗Bagaimana untuk menjadikan WordPress malas memuatkan JavaScript untuk mempercepatkan pemaparan halaman?

🔗Bagaimana untuk memperkenalkan JavaScript dengan betul dalam WordPress? Muatan tersuai bagi fail JS dan CSS