magento中的默认js文件究竟在哪里使用

Where exactly are the default js files in magento are used?

本文关键字：究竟 在哪里 文件 js 默认 magento      更新时间：2023-09-26

Magento默认包含所有js文件。

<script type="text/javascript" src="js/prototype/prototype.js"></script>
<script type="text/javascript" src="js/lib/ccard.js"></script>
<script type="text/javascript" src="js/prototype/validation.js"></script>
<script type="text/javascript" src="js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="js/varien/js.js"></script>
<script type="text/javascript" src="js/varien/form.js"></script>
<script type="text/javascript" src="js/varien/menu.js"></script>
<script type="text/javascript" src="js/mage/translate.js"></script>
<script type="text/javascript" src="js/mage/cookies.js"></script>

我想删除原型库、脚本库，并使用jquery来代替它们。我怎么知道这些库在哪里使用，以及其余js文件的作用是什么。无论系统是否需要，这些文件都是不必要的。

有什么提示吗？

javascript文件通常有两个主要位置。。。

您上面提到的位于[magento-root]/js 中

里面有许多文件夹，其中包含不同的js文件（如js/scriptaculous/*.js）。

您的模板还可以包含自定义的js文件。。

它们通常位于skin/frontend/[package]/[template]/js

您可以通过Layouts XML添加/删除JS文件（以及CSS文件）。

大多数JS文件都是通过app/design/frontend/package_name/theme_name/layout/page.xml 加载的

       <block type="page/html_head" name="head" as="head">
            <action method="addJs"><script>prototype/prototype.js</script></action>
            <action method="addJs"><script>lib/ccard.js</script></action>
            <action method="addJs"><script>prototype/validation.js</script></action>
            <action method="addJs"><script>scriptaculous/builder.js</script></action>
            <action method="addJs"><script>scriptaculous/effects.js</script></action>
            <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
            <action method="addJs"><script>scriptaculous/controls.js</script></action>
            <action method="addJs"><script>scriptaculous/slider.js</script></action>
            <action method="addJs"><script>varien/js.js</script></action>
            <action method="addJs"><script>varien/form.js</script></action>
            <action method="addJs"><script>varien/menu.js</script></action>
            <action method="addJs"><script>mage/translate.js</script></action>
            <action method="addJs"><script>mage/cookies.js</script></action>

此布局page.xml类似于将为大多数页面加载的默认布局。您可以在这里（在您自己的主题中）注释所需的行，或者声明您的jquery文件。请确保在专用文件夹中提供jquery文件。

但是，如果您需要使这些jquery文件仅可用于一个（或一些）模块，则不应通过page.xml加载，而应直接通过所需的模块布局加载。示例：如果您需要为"联系我们"页面删除/添加CSS/JS文件，那么您将在contacts.xml中进行声明，否则您的文件将加载和/或在商店中几乎所有地方都被删除。

最后，除非您制作了一个自定义主题完整的css，去掉任何javascript，否则我认为没有理由删除原型和/或脚本文件。关于jquery，它可以很容易地添加到原型之上，但要确保正确配置它，以避免这两个库之间的任何冲突。

如果你想知道JS在哪里使用，请查看你的，或者如果你使用的是默认模板布局。。。就像你举的例子一样。但我建议您保留原型并添加JQuery（因为许多管理功能等都使用原型）以满足您的需求，并且在一起使用这两个库时，可以解决"$"问题[参见http://docs.jquery.com/Using_jQuery_with_Other_Libraries]

相关文章：