Cách thêm js bên ngoài trong Magento 2

Tôi muốn thêm liên kết sau vào thẻ head, nhưng nó trả về lỗi 404. có ai có thể giúp tôi trong việc này không?

<script  type="text/javascript"  src="https://www.google.com/recaptcha/api.js"></script>

magento2 javascript

— Sivakumar K
nguồn

Chỉ cần theo dõi bài viết này. inchoo.net/magento-2/ Kẻ đó thật tuyệt vời :)

— Ashvini Marwal

tôi cần thông qua bố cục tập tin. Xin vui lòng quan sát liên kết của nó và một tập tin không

— Sivakumar K

Câu trả lời:

Tôi khuyên bạn nên sử dụng phương thức tập lệnh thay vì phương thức văn bản, để các nhà phát triển khác dễ hiểu hơn, đó là ít mã hơn và đáp ứng các hướng dẫn chính thức của Magento.

Để làm điều này, sử dụng cùng một tập lệnh hoặc liên kết XML như bình thường nhưng bao gồm src_type="url". Như đã lưu ý trong các tài liệu chính thức

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

Các kết quả

— Ben Crook
nguồn

Không biết bạn có thể chỉ định một src_type trên thẻ script cho đến bây giờ :)

— Smartie

Làm thế nào để thêm tập lệnh với tham số? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&lologists=places" src_type = "url" />

— Sunny Khatri

& không chấp nhận với thẻ script trong magento 2

— Sunny Khatri

Nếu bạn đang thêm cái này trên toàn cầu, cách dễ nhất là thực hiện thông qua khu vực quản trị.

Chuyển đến Cửa hàng> Cấu hình> Thiết kế và sau đó trong tab Đầu HTML, bạn có thể thêm các tập lệnh linh tinh.

Bạn có thể thêm nó bằng xml. Ví dụ: nếu bạn chỉ muốn thêm nó vào trang chủ của mình, hãy đặt phần sau vào chế độ xem tệp bố cục / frontend / layout / cms_index_index.xml bên trong mô-đun tùy chỉnh của bạn.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

Như một lưu ý phụ, nếu bạn có thể tránh đặt js vào đầu thì tôi sẽ làm như vậy sẽ chặn kết xuất cho đến khi js được tải xuống đầy đủ.

— Thông minh
nguồn

tôi chỉ cần trong một trang tùy chỉnh.

— Sivakumar K

Đó là loại thông tin hữu ích để biết khi bắt đầu :) Tôi sẽ cập nhật bài viết của mình.

— Smartie

Thẻ hành động đã bị khấu hao, vui lòng xem devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/ cảm để biết thêm thông tin.

— Ben Crook

Làm thế nào để thêm tập lệnh với tham số? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&lologists=places" src_type = "url" />

— Sunny Khatri