Magento - 如何在页面的基础上包含JavaScript文件

Question

在magento中，我知道如何在页面布局文件中包含js文件。尽管如此，我是否仅使用自定义模块在特定页面上包含特定的JavaScript文件。 例如，我正在编写一个自定义模块，它将与产品视图和列表页面一起工作。因此，我希望有一些布局更新，我可以使用我的模块，将包括我的JavaScript文件只在产品视图和列表页面。

Answer 1

您需要做的是找到要包含JS的页面的布局句柄，并将它们添加到自定义模块的布局XML中。例如，包括在产品视图中的JS，你将以下节点添加到您的布局：

<catalog_product_view> 
    <reference name="head"> 
    <action method="addJs"><script>path/file.js</script></action> **OR** 
    <action method="addItem"><type>skin_js</type><name>path/file.js</name></action> 
    </reference> 

选择任一选项取决于您的JS文件住的地方。查看示例的默认catalog.xml或review.xml。

要计算布局句柄（例如catalog_product_view），可以在他的博客中使用Alan Storm的优秀（免费）LayoutViewer模块。

HTH， JD

Answer 2

，您将需要一个布局更新单元添加到您的模块配置文件。根据你说的话，你需要这样的事情在你的布局文件：

<?xml version="1.0"?> 

<layout version="0.1.0"> 
    <catalog_product_view> 
     <reference name="head"> 
       <action method="addJs"><script>yourscript.js</script></action> 
      </reference> 
    </catalog_product_view> 

    <catalog_category_view> 
      <reference name="head"> 
       <action method="addJs"><script>yourscript.js</script></action> 
      </reference> 
    </catalog_category_view> 

</layout> 

在你的模块配置文件

然后，你需要这样的：

这假定yourscript.js坐在js文件夹的根目录下。很显然，你不想把它放在这里，所以做什么乔纳森建议及用途：

<action method="addItem"><type>skin_js</type><name>path/file.js</name></action> 

，并把你的JS在你的主题皮肤文件夹。

祝你好运！