Cách đưa tệp js vào trang xhtml
|
1. Nhập tệp JS dưới dạng tài nguyên cục bộ
★ Trong JSF2, bạn có thể sử dụng ★ Tạo một thư mục mới bên trong thư mục Nội dung web của bạn và đặt tên cho thư mục đó là 'tài nguyên'. ★ Đặt trực tiếp tệp JS của bạn vào thư mục tài nguyên hoặc tạo thư mục con trong thư mục tài nguyên và đặt tệp vào đó. (Mình sẽ tạo một thư mục con và đặt tên là js và thêm file js của mình là myJs. js vào nó. ) ★ Bây giờ trong trang xhtml của bạn, hãy thêm dòng này vào giữa để nhập tệp. để nhập tệp. Show
2. Nhập tệp JS bên ngoài ★ Bạn không thể sử dụng ______1 Để bao gồm tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script có thuộc tính Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn Tệp JavaScriptTệp JavaScript không phải là tệp HTML hoặc tệp CSS
Theo thông lệ, đặt tất cả các tệp JavaScript vào một thư mục có tên là js trên các trang web, như vậy  Bản demo đơn giản bao gồm JavaScriptDưới đây là minh họa rất đơn giản về cách đưa tệp JavaScript bên ngoài vào trang HTML JavaScript của người khácĐối với lớp này, bạn không cần phải viết bất kỳ mã JavaScript thực tế nào. Thật may mắn cho bạn, nhiều người đã viết rất nhiều JavaScript và thậm chí còn cho phép bạn sử dụng nó miễn phí Khung JavaScriptFramework về cơ bản là một thư viện mã cho một ngôn ngữ nhất định. Nói chung, khung trừu tượng hóa các tác vụ phổ biến và giúp các nhà thiết kế và nhà phát triển viết mã cụ thể của họ dễ dàng và nhanh hơn. Các khung không thực sự tự làm bất cứ điều gì, chúng chỉ cung cấp một nền tảng dễ dàng hơn để mọi người xây dựng trên đó Khung JavaScript phổ biến Trong số các khung này, JQuery hiện là khung phổ biến nhất. Đó cũng là từ mà bạn muốn gặp nhất khi được sử dụng như một từ thông dụng Kích thước tệp JavaScriptNhiều tệp JavaScript có xu hướng khá lớn, điều này có thể làm chậm thời gian tải trang của bạn. Các khung phổ biến thường cung cấp phiên bản mã "rút gọn" của chúng. Bạn phải luôn sử dụng phiên bản này trong các trang của mình vì phiên bản này sẽ có kích thước tệp nhỏ hơn Bạn cần đặt JavaScript đúng cách trong trang HTML để đảm bảo trình duyệt thực thi nó. Nó không đặc biệt khó, nhưng bạn phải tách biệt hành vi (JavaScript) và cấu trúc (XHTML) Mặc dù có hai cách để thực hiện việc này, nhưng sử dụng JavaScript bao gồm là cách tốt nhất vì điều đó đảm bảo rằng mã JavaScript của bạn sẽ nằm bên ngoài tệp HTML của bạn. Điều này làm cho các trang của bạn dễ bảo trì hơn vì chúng chỉ chứa XHTML. Nó cũng cho phép bạn sửa đổi hành vi của toàn bộ trang web của mình bằng cách chỉnh sửa một tệp duy nhất Bạn cũng có thể đặt JavaScript trực tiếp vào trang của mình nhưng phương pháp này không được dùng nữa. Chúng ta cũng sẽ xem qua thẻ Bao gồm JavaScriptJavaScript bao gồm không được hỗ trợ bởi Netscape 2 và Explorer 3 Các tệp JavaScript đi kèm có thể không được làm mới trong một số trình duyệt, cho dù bạn có nhấn Tải lại bao nhiêu lần đi nữa. Dung dịch. nhập URL của. js trong thanh vị trí, tải nó, nhấn Tải lại, quay lại trang HTML và tải lại Bạn nên bao gồm một tệp JavaScript trong các trang của mình. Điều này có một số lợi thế
Tôi bao gồm một tệp JavaScript trên mọi trang trên trang web này như sau Giờ đây, bất cứ khi nào trang được tải, trình duyệt cũng đặt tập lệnh vào tệp quirksmode. js trong trang. Lưu ý rằng bạn không thấy tập lệnh trong mã nguồn của mình, bạn chỉ thấy thẻ bao gồm. Tuy nhiên, các chức năng và biến trong tệp được bao gồm có sẵn cho các tập lệnh trên mỗi trang Tôi sử dụng phần bao gồm này cho các tập lệnh mà tôi muốn có trên mỗi trang, chẳng hạn như tập lệnh TOC. Để xem phần bao gồm, hãy tải xuống http. //www. Chế độ quirks. org/quirksmode. js Trên trang này, tôi bao gồm một tập lệnh đặc biệt có chứa chức năng Tránh lỗi trong các trình duyệt cũKhông đặt Trong thẻ Thẻ hoạt động như sau. Các trình duyệt không có tập lệnh không biết điều đó, vì vậy chúng bỏ qua nó và in ra bất cứ thứ gì giữa chúng. Trình duyệt tập lệnh biết điều đó và không hiển thị bit bên trong thẻ khi JavaScript được bật Thật không may, Netscape 2 không hỗ trợ thẻ hữu ích này, vì vậy người dùng Netscape 2 sẽ thấy cả phiên bản tập lệnh và phiên bản noscript. Không có gì bạn có thể làm về nó. May mắn là Netscape 2 không còn được sử dụng rộng rãi nữa thuộc tính trì hoãnChỉ trong Explorer 4+ trên Windows, thuộc tính 0 trì hoãn việc thực thi tập lệnh cho đến khi tài liệu được phân tích cú pháp hoàn chỉnh W3C HTML4. 0 chỉ định thuộc tính 0 cho các thẻ tập lệnh Thông thường, 2 sẽ báo lỗi. tài liệu không (chưa) chứa bất kỳ biểu mẫu nào tại thời điểm nó được thực thi. Tuy nhiên, bằng cách thêm 0 vào thẻ tập lệnh, cảnh báo được hoãn lại cho đến sau khi phân tích cú pháp và cung cấp chính xác 1 dưới dạng độ dài của biểu mẫu không dùng nữa. JavaScript trực tiếpKhông sử dụng JavaScripts trực tiếp vì những lý do được giải thích trong phần 2C của cuốn sách. Phần này chỉ được duy trì vì lý do lịch sử Phương pháp đơn giản nhất là đặt tập lệnh của bạn trực tiếp vào trang làm thế nào để đặtTrước tiên, bạn nói với trình duyệt rằng một tập lệnh sắp xuất hiện, đó là JavaScript và loại MIME là "text/javascript". Hầu hết các trình xác thực đều phản đối việc loại bỏ 4, nhưng các trình duyệt vẫn thực thi mã đặt ở đâuThông thường, bạn đặt JavaScript ở vị trí thứ 16 của trang. Chỉ khi bạn muốn viết một thông báo trên trang, bạn mới phải đặt đoạn mã vào đúng vị trí trong HTML Việc đặt các tập lệnh trong XHTML có hỗ trợ JavaScript không?Một cách để đặt mã JavaScript vào tài liệu của bạn là thông qua thẻ . Mọi thứ giữa đều được trình duyệt xử lý dưới dạng dữ liệu và câu lệnh JavaScript có thể thực thi được. đều được trình duyệt xử lý dưới dạng dữ liệu và câu lệnh JavaScript có thể thực thi được.
Làm cách nào để gọi JS từ XHTML?Bước 1. Đầu tiên, chúng ta phải nhập thẻ script giữa phần đầu và phần cuối của thẻ Sau đó, nhập hàm JavaScript . Bước 2. Sau đó, chúng ta phải gọi hàm javaScript trong mã Html để hiển thị thông tin hoặc dữ liệu trên trang web.
Các tệp JS nên được đặt ở đâu?JavaScript trong or
.
XHTML là gì và cách thêm JavaScript vào tài liệu XHTML?XHTML là viết tắt của EXtensible HyperText Markup Language. Đó là sự giao thoa giữa ngôn ngữ HTML và XML . XHTML gần giống với HTML nhưng nó chặt chẽ hơn HTML. XHTML là HTML được định nghĩa là một ứng dụng XML. |
