如何在Magento 2中添加外部js


Answers:


26

我建议使用脚本方法而不是文本方法,它使其他开发人员更容易理解,代码更少,并且符合Magento的官方说明。

为此,请使用与通常相同的脚本或链接XML,但要包含src_type="url"。如官方文档中所述

<?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>

结果

在此处输入图片说明


直到现在您还不知道可以在script标签上指定src_type了:)
Smartie

如何添加带有参数的脚本?<script src =“ // maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places” src_type =“ url” />
Sunny Khatri,

&不接受magento 2中的脚本标签
Sunny Khatri,

4

如果要全局添加,则最简单的方法是通过管理区域。

转到商店>配置>设计,然后在HTML头选项卡中可以添加其他脚本。

您可以使用xml添加它。例如,如果您只是希望将其添加到首页,则将以下内容放入自定义模块内的布局文件view / frontend / layout / cms_index_index.xml中。

<?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>

附带说明一下,如果您可以避免将js放在首位,我将避免渲染阻塞,直到js完全下载为止。


我只需要一个自定义页面。
Sivakumar K

这类信息在一开始就很有用:)我将更新我的帖子。
Smartie

操作标签已过时,请参阅devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/…了解更多信息。
Ben Crook

如何添加带有参数的脚本?<script src =“ // maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places” src_type =“ url” />
Sunny Khatri,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.