Hướng dẫn can javascript be in a separate file give details? - javascript có thể được trong một tập tin riêng biệt cung cấp thông tin chi tiết?

Bạn có thể sử dụng mã JavaScript theo hai cách.

  1. Bạn có thể bao gồm mã JavaScript bên trong trong chính tài liệu HTML của bạninternally within your HTML document itself
  2. Bạn có thể giữ mã JavaScript trong một tệp bên ngoài riêng biệt và sau đó trỏ đến tệp đó từ tài liệu HTML của bạn.a separate external file and then point to that file from your HTML document.

JavaScript nội bộ là gì?

Chúng tôi đã sử dụng JS nội bộ cho đến nay. Đây là một mẫu -



  My First JavaScript code!!!
  



JavaScript bên ngoài là gì?

Bạn có kế hoạch hiển thị ngày và giờ hiện tại trong tất cả các trang web của bạn. Giả sử bạn đã viết mã và sao chép vào tất cả các trang web của bạn (giả sử 100). Nhưng sau đó, bạn muốn thay đổi định dạng trong đó ngày hoặc giờ được hiển thị. Trong trường hợp này, bạn sẽ phải thay đổi trong tất cả 100 trang web. Đây sẽ là một nhiệm vụ rất tốn thời gian và khó khăn.

Vì vậy, hãy lưu mã JavaScript trong một tệp mới với tiện ích mở rộng .js. Sau đó, thêm một dòng mã trong tất cả các trang web của bạn để trỏ đến tệp .js của bạn như sau:


var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var monthName;
	
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
if (hours >12 )
{
	hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
	hours1 = "0" + hours;
	strToAppend = "AM";
}
else
{
	hours1 = hours;
	strToAppend = "PM";
}
	
if(mins<10)
mins = "0" + mins;
if (secs<10)
	secs = "0" + secs;

switch (month)
{
	case 1:
		monthName = "January";
		break;
	case 2:
		monthName = "February";
		break;
	case 3:
		monthName = "March";
		break;
	case 4:
		monthName = "April";
		break;
	case 5:
		monthName = "May";
		break;
	case 6:
		monthName = "June";
		break;
	case 7:
		monthName = "July";
		break;
	case 8:
		monthName = "August";
		break;
	case 9:
		monthName = "September";
		break;
	case 10:
		monthName = "October";
		break;
	case 11:
		monthName = "November";
		break;
	case 12:
		monthName = "December";
		break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".
Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + "."; document.write(myString);

Đây là tệp hiện tại của bạn. Don Tiết lo lắng khi nhìn thấy dòng mã dài. Bạn sẽ học cách viết mã sớm. Thực hiện các thay đổi đối với tài liệu HTML của bạn như thế này:


	
	   My External JavaScript Code!!!
	   
	
	
	

Khi nào nên sử dụng mã JavaScript nội bộ và bên ngoài?

Nếu bạn chỉ có một vài dòng mã dành riêng cho một trang web cụ thể, thì tốt hơn là giữ mã JavaScript của bạn trong nội bộ trong tài liệu HTML của bạn.

Mặt khác, nếu mã JavaScript của bạn được sử dụng trong nhiều trang web, thì bạn nên xem xét việc giữ mã của mình trong một tệp riêng. Trong trường hợp đó, nếu bạn muốn thực hiện một số thay đổi cho mã của mình, bạn chỉ cần thay đổi một tệp giúp bảo trì mã dễ dàng. Nếu mã của bạn quá dài, thì cũng tốt hơn là giữ nó trong một tệp riêng biệt. Điều này giúp gỡ lỗi dễ dàng.

Chúng ta có thể tạo tệp JavaScript bên ngoài và nhúng nó vào nhiều trang HTML.

Nó cung cấp khả năng sử dụng mã vì tệp JavaScript đơn có thể được sử dụng trong một số trang HTML.code re usability because single JavaScript file can be used in several html pages.

Một tệp JavaScript bên ngoài phải được lưu bởi tiện ích mở rộng .js. Bạn nên nhúng tất cả các tệp JavaScript vào một tệp. Nó tăng tốc độ của trang web.

Hãy tạo một tệp JavaScript bên ngoài in Hello javatpoint trong hộp thoại cảnh báo.

message.js

Hãy bao gồm tệp JavaScript vào trang HTML. Nó gọi chức năng JavaScript khi nhấp vào nút.

index.html

Ưu điểm của JavaScript bên ngoài

Sẽ có những lợi ích sau nếu người dùng tạo JavaScript bên ngoài:

  1. Nó giúp tái sử dụng mã trong hơn một tệp HTML.
  2. Nó cho phép dễ dàng đọc mã.
  3. Nó hiệu quả về thời gian khi các trình duyệt web lưu trữ các tệp JS bên ngoài, giúp giảm thêm thời gian tải trang.
  4. Nó cho phép cả nhà thiết kế web và lập trình viên làm việc với các tệp HTML và JS tương đương và riêng biệt, tức là, mà không phải đối mặt với bất kỳ mâu thuẫn mã nào.
  5. Độ dài của mã giảm khi chỉ chúng ta cần chỉ định vị trí của tệp JS.

Nhược điểm của JavaScript bên ngoài

Có những nhược điểm sau đây của các tệp bên ngoài:

  1. STEALER có thể tải xuống mã của coder bằng URL của tệp JS.
  2. Nếu hai tệp JS phụ thuộc vào nhau, thì lỗi trong một tệp có thể ảnh hưởng đến việc thực thi tệp phụ thuộc khác.
  3. Trình duyệt web cần thực hiện một yêu cầu HTTP bổ sung để lấy mã JS.
  4. Một thay đổi lớn đến một thay đổi lớn trong mã JS có thể gây ra kết quả bất ngờ trong tất cả các tệp phụ thuộc của nó.
  5. Chúng ta cần kiểm tra từng tệp phụ thuộc vào tệp JavaScript ngoài được tạo.
  6. Nếu đó là một vài dòng mã, thì tốt hơn là thực hiện mã JavaScript nội bộ.


Hướng dẫn can javascript be in a separate file give details? - javascript có thể được trong một tập tin riêng biệt cung cấp thông tin chi tiết?
Đối với video, hãy tham gia kênh YouTube của chúng tôi: Tham gia ngay


Nhận xét

  • Gửi phản hồi của bạn đến [Email & NBSP; được bảo vệ]

Giúp đỡ người khác, xin vui lòng chia sẻ

Hướng dẫn can javascript be in a separate file give details? - javascript có thể được trong một tập tin riêng biệt cung cấp thông tin chi tiết?
Hướng dẫn can javascript be in a separate file give details? - javascript có thể được trong một tập tin riêng biệt cung cấp thông tin chi tiết?
Hướng dẫn can javascript be in a separate file give details? - javascript có thể được trong một tập tin riêng biệt cung cấp thông tin chi tiết?





JavaScript có thể ở trong một tệp riêng biệt không?

Bạn có thể giữ mã JavaScript trong một tệp bên ngoài riêng biệt và sau đó trỏ đến tệp đó từ tài liệu HTML của bạn. and then point to that file from your HTML document.

JavaScript có nên luôn ở trong một tệp riêng biệt không?

Bạn nên đặt mã JS của mình vào một tệp riêng vì điều này giúp kiểm tra và phát triển dễ dàng hơn.Câu hỏi làm thế nào bạn phục vụ mã là một vấn đề khác.Phục vụ HTML và JS riêng biệt có lợi thế là máy khách có thể lưu trữ JS.. The question of how you serve the code is a different matter. Serving the HTML and the JS separately has the advantage that a client can cache the JS.

Tôi có nên đặt tất cả JavaScript của mình trong một tệp không?

Nếu bạn giảm số lượng tệp bằng cách kết hợp chúng, bạn sẽ giảm số lượng yêu cầu HTTP - điều đó có nghĩa là trang của bạn sẽ tải nhanh hơn một chút ;;đó là tốt cho người dùng của bạn;Đó là lý do tại sao nó được đề xuất.it's recommended.

Tôi có thể sử dụng chức năng JavaScript từ một tệp khác không?

Cú pháp nhập/xuất được gọi là mô -đun JavaScript.Để có thể nhập một chức năng từ một tệp khác, nó phải được xuất bằng cách sử dụng xuất xuất hoặc xuất mặc định.Ví dụ trên sử dụng xuất khẩu được đặt tên và nhập được đặt tên.it has to be exported using a named or default export. The example above uses a named export and a named import.