Cách tách javascript khỏi html
|
JavaScript là ngôn ngữ kịch bản được sử dụng rộng rãi để thêm chức năng động vào trang web, bên cạnh HTML và CSS. Các sự kiện, hoạt ảnh và cập nhật nội dung do người dùng kích hoạt nằm trong số một số tính năng trên trang web được cung cấp bởi JavaScript. Để sử dụng JavaScript trên trang web HTML, bạn phải sử dụng Show
Ví dụ này thêm mã JavaScript trực tiếp vào phần đánh dấu HTML Ví dụ tiếp theo chứng minh Trong ví dụ, Thuộc tính Truy cập trang HTML trong trình duyệt bằng cách nhập địa chỉ sau. Bạn cũng có thể xem kết quả bằng cách xem tệp Giống như
Example Web Page with JavaScript
8, sử dụng
Example Web Page with JavaScript
3 yêu cầu trình duyệt tải xuống tệp JavaScript được liên kết ở chế độ nền trong khi trang tiếp tục tải. Tuy nhiên, không giống như
Example Web Page with JavaScript
8,
Example Web Page with JavaScript
3 ngăn không cho tập lệnh đã tải được thực thi cho đến khi trang được hiển thị đầy đủ. Điều này làm cho
Example Web Page with JavaScript
3 đặc biệt hữu ích khi mã JavaScript của bạn dựa trên một hoặc nhiều phần tử được hiển thị và có sẵn. Vì
Example Web Page with JavaScript
3 đảm bảo rằng tập lệnh chỉ chạy khi trang đã được tải hoàn tất, nên bạn có thể yên tâm rằng tập lệnh sẽ không chạy cho đến khi tất cả các phần tử bắt buộc có trên trangTập tin. mục lục. html1
2
3
4
5
6
7
8
9
Example Web Page with JavaScript
Hướng dẫn này trình bày thông tin cơ bản mà bạn cần để bắt đầu sử dụng JavaScript trên các trang HTML của mình. Cho dù bạn định nhúng tập lệnh hay liên kết tệp JavaScript vào HTML của mình, thì hướng dẫn này cũng phác thảo các bước cần thiết để thực hiện việc đóBước tiếp theo, bạn có thể quan tâm đến việc xem một số hướng dẫn JavaScript khác của chúng tôi. Chẳng hạn, hãy xem hướng dẫn Duyệt qua mô hình đối tượng tài liệu bằng JavaScript, hướng dẫn Cách sửa đổi DOM bằng JavaScript và hướng dẫn Đối tượng JavaScript của chúng tôi Tạo tệp JavaScript bên ngoài với phần mở rộng. js. Sau khi tạo xong, thêm nó vào file HTML trong thẻ script. Thuộc tính src được sử dụng để bao gồm tệp JavaScript bên ngoài đóNếu bạn có nhiều tệp JavaScript bên ngoài, thì hãy thêm tệp đó vào cùng một trang web để tăng hiệu suất của trangHãy nói điều mới sau đây. js là tệp JavaScript bên ngoài của chúng tôi -
(adsbygoogle = window.adsbygoogle || []).push({});
function display() {
alert("Hello World!");
}Bây giờ hãy thêm tệp JavaScript bên ngoài vào trang web HTML -
Bạn dự định hiển thị ngày 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 (giả sử 100). Nhưng sau này, bạn muốn thay đổi định dạng hiển thị ngày tháng hoặc thời gian. Trong trường hợp này, bạn sẽ phải thực hiện 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ănVì vậy, hãy lưu mã JavaScript vào một tệp mới có phần 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 trang của bạn. tập tin js như thế này________số 8Ghi chú. Người ta cho rằng. 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 bên ngoài. 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
(adsbygoogle = window.adsbygoogle || []).push({});
Cách liên kết JavaScript bên ngoàivar 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 + ". |
