Html và js trong cùng một tệp
Tôi đang tạo một tệp HTML, JS và CSS, các tệp này phối hợp với nhau để tạo ra một bài kiểm tra tiềm thức. Điều này hoạt động khi tất cả các mã HTML, JS và CSS nằm trong một tệp, nhưng khi tôi chia chúng thành các tệp riêng biệt và liên kết chúng trong HTML với Show và
Nó không làm việc Bạn có thể tìm thấy mã của tôi ở đây. https. //jsfiddle. net/2vasmch5/ JS
CSS
HTML
(Tôi đã tạo mã JS bằng cách lượm lặt các mã JS khác và một số người dùng Stackoverflow đã cung cấp tại đây) Lý do cho điều này là gì? Ngoài ra, tôi muốn biết làm cách nào tôi có thể chạy JavaScript này trong hai phút và sau đó hiển thị thông báo như, kiểm tra đã kết thúc và cung cấp cho người dùng nhiều tùy chọn để chọn một tùy chọn từ năm số ngẫu nhiên có 4 chữ số. Và khi họ chọn số đã chọn, hãy thông báo cho họ rằng họ đã chọn số đã chọn Một trang web bao gồm nhiều tập tin. nội dung văn bản, mã, biểu định kiểu, nội dung phương tiện, v.v. Khi bạn đang xây dựng một trang web, bạn cần tập hợp các tệp này thành một cấu trúc hợp lý trên máy tính cục bộ của mình, đảm bảo rằng chúng có thể giao tiếp với nhau và hiển thị tất cả nội dung của bạn ngay trước khi bạn tải chúng lên máy chủ. Xử lý tệp thảo luận về một số vấn đề bạn nên biết để có thể thiết lập cấu trúc tệp hợp lý cho trang web của mình Khi bạn đang làm việc cục bộ trên một trang web trên máy tính của mình, bạn nên giữ tất cả các tệp liên quan trong một thư mục duy nhất phản ánh cấu trúc tệp của trang web đã xuất bản trên máy chủ. Thư mục này có thể nằm ở bất cứ đâu bạn thích, nhưng bạn nên đặt nó ở đâu đó mà bạn có thể dễ dàng tìm thấy, có thể trên Màn hình nền, trong thư mục Home hoặc thư mục gốc của ổ cứng.
Bạn sẽ nhận thấy rằng trong suốt bài viết này, chúng tôi yêu cầu bạn đặt tên cho các thư mục và tệp hoàn toàn bằng chữ thường không có khoảng trắng. Điều này là do
Câu trả lời ngắn gọn là bạn nên sử dụng dấu gạch nối cho tên tệp của mình. Công cụ tìm kiếm của Google coi dấu gạch ngang là dấu tách từ nhưng không coi dấu gạch dưới theo cách đó. Vì những lý do này, tốt nhất bạn nên tập thói quen viết tên thư mục và tệp của mình bằng chữ thường, không có dấu cách và các từ được phân tách bằng dấu gạch nối, ít nhất là cho đến khi bạn biết mình đang làm gì. Bằng cách đó, bạn sẽ gặp ít vấn đề hơn sau này Tiếp theo, hãy xem trang web thử nghiệm của chúng ta nên có cấu trúc như thế nào. Những thứ phổ biến nhất chúng tôi sẽ có trên bất kỳ dự án trang web nào chúng tôi tạo là tệp HTML chỉ mục và các thư mục để chứa hình ảnh, tệp kiểu và tệp tập lệnh. Hãy tạo những thứ này ngay bây giờ
Ghi chú. Trên máy tính Windows, bạn có thể gặp khó khăn khi nhìn thấy tên tệp vì Windows có một tùy chọn có tên Ẩn tiện ích mở rộng cho các loại tệp đã biết được bật theo mặc định. Nói chung, bạn có thể tắt tính năng này bằng cách truy cập Windows Explorer, chọn tùy chọn Tùy chọn thư mục…, bỏ chọn hộp kiểm Ẩn tiện ích mở rộng cho các loại tệp đã biết, sau đó nhấp vào OK. Để biết thêm thông tin cụ thể về phiên bản Windows của bạn, bạn có thể tìm kiếm trên web Để làm cho các tệp giao tiếp với nhau, bạn phải cung cấp một đường dẫn tệp giữa chúng - về cơ bản là một tuyến đường, để một tệp biết vị trí của một tệp khác. Để chứng minh điều này, chúng tôi sẽ chèn một chút HTML vào tệp 2 của chúng tôi và làm cho nó hiển thị hình ảnh bạn đã chọn trong bài viết "Trang web của bạn sẽ trông như thế nào?"
Một số quy tắc chung cho đường dẫn tệp
Hiện tại, đây là tất cả những gì bạn cần biết Ghi chú. Hệ thống tệp Windows có xu hướng sử dụng dấu gạch chéo ngược, không phải dấu gạch chéo lên, e. g. JavaScript và HTML có thể ở trong cùng một tệp không?Bạn không bị hạn chế duy trì mã giống hệt nhau trong nhiều tệp HTML . Thẻ script cung cấp một cơ chế cho phép bạn lưu trữ JavaScript trong một tệp bên ngoài và sau đó đưa nó vào các tệp HTML của bạn.
Tôi có thể đặt mã JS trong tệp HTML không?JavaScript trong hoặc
. Tập lệnh có thể được đặt trong hoặc trong phần của trang HTML hoặc trong cả hai. You can place any number of scripts in an HTML document. Scripts can be placed in the , or in the section of an HTML page, or in both.
Làm cách nào để liên kết tệp HTML và JS?Có hai vị trí trong tệp HTML của bạn mà bạn có thể đặt thẻ . Between the tags, or.. Ngay trước thẻ đóng |