HTML <script> Magento 中的异步属性

Question

我想尝试在 Magento 1.9.1 的 Prototype JavaScript script 标签中插入 "async" 属性：

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js"></script>

我会得到这样的结果：

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js" async></script>

我必须在哪里插入 "async"？带有此行代码的文件是什么？谢谢

Answer 1

查看文件 app/design/frontend/<yourlayout>/<yourtheme>/layout/page.xml（或将 app/design/frontend/base/default/layout/page.xml 复制到您的主题中）。

在此文件中，搜索以下行：

<!-- ... -->
<block type="page/html_head" name="head" as="head">
    <action method="addJs"><script>prototype/prototype.js</script></action>
    <!-- ... -->
</block>
<!-- ... -->

并通过以下方式更改 addJs 调用：

<!-- ... -->
<block type="page/html_head" name="head" as="head">
    <action method="addJs"><script>prototype/prototype.js</script><params>async</params></action>
    <!-- ... -->
</block>
<!-- ... -->

由于您正在使用 magento 的合并 javascript 功能，因此您需要将此更改应用于每个 addJs 定义，因为 Magento 将按 params.[=17 对文件进行分组=]

Answer 2

你犯了一个小错误。这实际上是上述问题的正确答案。

<!-- ... -->
<block type="page/html_head" name="head" as="head">
    <action method="addJs"><script>prototype/prototype.js</script><params>async="async"</params></action>
    <!-- ... -->
</block>
<!-- ... -->

HTML <script> Magento 中的异步属性

HTML <script> async Attribute in Magento

javascript

asynchronous

prototype

magento-1.9.1