Bên trong bên ngoài JavaKịch bản: Học với ví dụ
James Hartman
Bạn có thể sử dụng JavaViết mã theo hai cách.
- Bạn có thể bao gồm JavaMã lệnh nội bộ trong tài liệu HTML của bạn chính nó
- Bạn có thể giữ JavaMã lệnh trong một tập tin bên ngoài riêng biệt rồi trỏ tới tệp đó từ tài liệu HTML của bạn.
Nội bộ là gì JavaKịch bản?
Cho đến nay chúng tôi đã sử dụng Internal JS. Đây là một mẫu -
<html>
<head>
<title>My First JavaScript code!!!</title>
<script type="text/javascript">
// Create a Date Object
var day = new Date();
// Use getDay function to obtain todays Day.
// getDay() method returns the day of the week as a number like 0 for Sunday, 1 for Monday,….., 5
// This value is stored in today variable
var today = day.getDay();
// To get the name of the day as Sunday, Monday or Saturday, we have created an array named weekday and stored the values
var weekday = new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";
// weekday[today] will return the day of the week as we want
document.write("Today is " + weekday[today] + ".");
</script>
</head>
<body>
</body>
</html>
Bên ngoài là gì JavaKịch bản?
Bạn dự định hiển thị ngày và giờ hiện tại trên tất cả các trang web của mình. Giả sử bạn đã viết mã và sao chép vào tất cả các trang web của mình (ví dụ 100 trang). Nhưng sau đó, bạn muốn thay đổi định dạng hiển thị ngày hoặc giờ. Trong trường hợp này, bạn sẽ phải thực hiện thay đổi trên 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 JavaScript mã trong một tệp mới có phần mở rộng .js. Sau đó, thêm một dòng mã vào tất cả các trang web của bạn để trỏ đến tệp .js như thế này:
<script type="text/javascript" src="currentdetails.js">
Lưu ý: Giả định rằng tệp .js và tất cả các trang web của bạn nằm trong cùng một thư mục. Nếu tệp external.js nằm trong một thư mục khác, bạn cần chỉ định đường dẫn đầy đủ đến tệp của mình trong thuộc tính src.
Cách liên kết bên ngoài JavaScript
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 + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);
Đây là tệp currentdetails.js của bạn. Đừng lo lắng khi thấy những dòng mã dài. Bạn sẽ sớm học được cách viết mã. Thực hiện các thay đổi cho tài liệu HTML của bạn như sau:
<html> <head> <title>My External JavaScript Code!!!</title> <script type="text/javascript" src="currentdetails.js"> </script> </head> <body> </body> </html>
Khi nào nên sử dụng nội bộ và bên ngoài JavaMã lệnh?
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ữ nguyên JavaMã lệnh bên trong tài liệu HTML của bạn.
Mặt khác, nếu JavaMã lệnh được sử dụng trong nhiều trang web, do đó bạn nên cân nhắc giữ mã lệnh 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 đối với mã lệnh của mình, bạn chỉ cần thay đổi một tệp duy nhất giúp bảo trì mã lệnh dễ dàng. Nếu mã lệnh của bạn quá dài, thì tốt hơn là giữ mã lệnh trong một tệp riêng. Điều này giúp gỡ lỗi dễ dàng.
