Làm thế nào để thêm mã JavaScript bên trong một bài đăng WordPress?

học một cách có hệ thốngxây dựng một trang webKỹ thuậtSEOCác chuyên gia biết cách sử dụng các chương trình JavaScript một cách dễ dàng.

Có rất nhiều mã JavaScript dễ sử dụng được chia sẻ bởi những người khác trên Internet.

nếu bạn có thểWordPressThêm mã JS vào bài viết chắc chắn sẽ làm cho bài viết có nhiều màu sắc.

Cách thêm mã JS vào các bài viết WordPress

Thêm mã JavaScript vào một bài đăng WordPress rất đơn giản.

Kế tiếp,Chen WeiliangSẽ chia sẻ với bạn:Làm cách nào để thêm mã JavaScript vào bài viết WordPress?

Thường có 2 cách để thêm mã JS:

1. Thêm mã JS trực tiếp vào các bài đăng WordPress
2. Gọi mã JS trong bài viết WordPress sau khi viết tệp JS

1) Thêm mã JS trực tiếp vào bài đăng WordPress

Phương pháp đầu tiên, viết JavaScript trực tiếp trong bài đăng WordPress.

Đây là một ví dụ về in dòng chữ "Hello World!" ▼

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

Đây là một bài đăng trên WordPress hiển thị "Hello World!" Sau khi thực thi JavaScript ▼

2) Sau khi viết tệp JS, hãy gọi mã JS trong bài viết WordPress

Đối với phương pháp thứ hai, hãy ghi mã JavaScript vào một tệp riêng biệt.

Sau đó, trong bài đăng WordPress nơi JavaScript cần được chèn, hãy gọi tệp JavaScript thông qua trình soạn thảo văn bản WordPress.

Ví dụ sau là trong một bài đăng trên WordPress, in dòng chữ "Hello World" ▼

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

Nội dung của tệp JavaScript hello.js ▼

document.write("Hello World");

Thêm mã JavaScript vào một bài đăng WordPress sẽ hiển thị kết quả ▼

WordPress gọi mã JS cho ngày hôm nay

Có rất nhiều mã JavaScript thú vị và hữu ích trên Internet.

Bây giờ hãy đưa ra một ví dụ về cách sử dụng chúng?

In ngày hôm nay trong các bài đăng WordPress.

Chèn tệp date.js JavaScript sau vào bài đăng WordPress của bạn ▼

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

Dưới đây là nội dung JavaScript của tệp 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()

Đây là kết quả của việc JavaScript thực thi ngày hôm nay trong một bài đăng WordPress ▼

Dưới đây là kết quả của tệp JavaScript date.js được thực thi trong bài viết này ▼

注意 事项

Để chèn mã JS vào một bài đăng, bạn cần chuyển trình soạn thảo WordPress sang chế độ văn bản.

đặc biệt chú ý和之间不能有换行。

Nếu có ngắt dòng, WordPress sẽ tự động xử lý nó dưới dạng đoạn văn và tự động thêm thẻ p khiến mã tập lệnh JS bị lỗi.

Có nhiều bài viết hơn về mã JavaScript của WordPress tại đây ▼

🔗Làm thế nào để chỉ định các trang bài viết để tải mã JavaScript/CSS trong WordPress?

🔗Làm thế nào để WordPress trì hoãn việc tải JavaScript để tăng tốc độ hiển thị trang?

🔗Làm thế nào để đưa JavaScript vào WordPress một cách đúng đắn? Tải tùy chỉnh các tệp JS và CSS