Làm cách nào để thêm JavaScript vào trang web?

9

Làm cách nào tôi có thể thêm JavaScript và CSS vào trang web của mình?

javascript theming

— kinkajou
nguồn

23

Hướng dẫn Quản lý JavaScript trong Drupal 7 cung cấp thông tin để thêm JavaScript vào Drupal. Các kỹ thuật được trình bày ở đó áp dụng cho cả chủ đề và mô-đun (tùy chỉnh) :

Thêm một scripts[] = somescript.jsvào mô-đun hoặc .info tập tin chủ đề của bạn
Sử dụng drupal_add_js()trong mô-đun hoặc mã chủ đề của bạn
Sử dụng thuộc #attached['js']tính trong API mẫu hoặc mảng kết xuất .

Lưu ý rằng Drupal đã bao gồm jQuery, jQuery UI và một loạt các thư viện khác để bạn không và không nên tự thêm chúng vào. Thay vào đó bạn nên sử dụng drupal_add_library()hoặc #attached['library']tài sản.

Các công tác với CSS hướng dẫn cung cấp thông tin để thêm CSS để Drupal. Một lần nữa, các kỹ thuật được trình bày ở đó áp dụng cho cả chủ đề và mô-đun (tùy chỉnh). Với một ngoại lệ: việc thêm các biểu định kiểu từ một .infotệp chỉ hoạt động cho một chủ đề chứ không phải mô-đun.

Thêm vào tập tin stylesheets[all][] = somestylesheet.csscủa một chủ đề .info.
Sử dụng drupal_add_css () từ mã của mô-đun hoặc chủ đề.
Sử dụng #attached[css]thuộc tính trong một API từ hoặc mảng kết xuất.

— Pierre Buyle
nguồn

Tôi có cần kích hoạt bộ lọc php không? Và nơi tôi thêm js. Đây có phải là phần cơ thể với thẻ script? như <script> </ script> Tôi cần một ví dụ đơn giản để bắt đầu. Rất cơ bản. Xin vui lòng

— kinkajou

1

Bạn không thêm CSS hoặc JavaScript làm nội dung trang web của mình, vì vậy bạn không làm điều đó khi chỉnh sửa nội dung của mình. Nếu bạn cần JavaScript hoặc CSS cụ thể của trang, bạn có thể làm điều đó từ móc tiền xử lý trang của chủ đề. Việc thêm kiểu (CSS) hoặc hành vi (JavaScript) vào trang web của bạn nên được thực hiện từ mã, không phải từ Giao diện người dùng web. Đây là cách dễ bảo trì và có thể mở rộng hơn và tránh cho bạn, hoặc những người khác, nhiều vấn đề đau đầu khi cập nhật trang web sau này.

— Pierre Buyle

2

Bạn có thể đặt tệp js của mình trong thư mục chủ đề và thêm tệp js này vào drupal bằng cách sử dụng các hàm tiền xử lýdrupal_add_js() template.php .

— drupal
nguồn