Magento中调用JS文件的几种方法

一、全局调用方法:
通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法。

文件路径:/app/design/frontend/default/Your_Template/layout/page.xml

你会看到很多类似于addJS这样的XML代码,这是magento的优势之一,通过XML来配置文件很方便灵活。
如下:

Xml代码  收藏代码
  1. <action method=“addJs”><script>varien/js.js</script></action>  
  2. <action method=“addJs”><script>varien/form.js</script></action>  
  3. <action method=“addJs”><script>varien/menu.js</script></action>  
  4. <action method=“addJs”><script>mage/translate.js</script></action>  
  5. <action method=“addJs”><script>mage/cookies.js</script></action>  

 

二、你也可以在phtml页面通过Magento自带的帮助函数来引用JS ,例如:

Php代码  收藏代码
  1. <?php echo $this->helper(‘core/js’)->includeScript(‘varien/js.js’) ?>  

 

该方法主要用来在某些特定页面包含额外的js文件。而这些文件在其他页面中却不常使用。

 

三、包含特定Theme包下的js文件:
再方便点,下面的方法很眼熟吧

Js代码  收藏代码
  1. <script type=“text/javascript” src=”<?php echo $this->getSkinUrl(‘js/slider.js’) ?>”></script>  

 

它引用的是模板目录下js文件夹里面的js文件,我喜欢用这种方法。
四、在对应的block类中调用JS

Js代码  收藏代码
  1. protected function_prepareLayout(){  
  2. $this->getLayout()->getBlock(‘head’)->addJs(‘mage/adminhtml/sales.js’);  
  3. …..
  4. returnparent::_prepareLayout();
  5. }

 

这个方法我个人是很少用到的。

五、直接将JavaScript代码写在head头部里:

打开app/design/frontend/default/Your_Template/template/page/html/head.phtml
JS代码写在<?php echo $this->helper(‘core/js’)->getTranslatorScript() ?> 这行下面

此方法适合添加Google分析跟踪代码或者其它JS代码。

相关推荐

magento 2.3 nginx 安装

在网上看了许多中文的magento2的安装教程,大多数都没有完整的安装步骤,本教程将教会你怎么使用和安装magento2.3 …

Magento忘记密码怎么办

如果你忘记 Magento 用户名和(或)密码无法登陆后台,并且forgot your password链接无法给你发送找回密码邮件,这 …

magento backend dashboard can’t log in – session error

可能很多朋友有同样的经历,magento在服务器中配置域名是可以正常的访问了,但是在本地配置后却无法登录后台,账号密码登录的时候发现出现空白,无法跳转到后台,本文章向大家介绍两种解决本地magento后台无法登录的方法,需要的朋友可以参考下

暂无评论

发表评论

微信扫一扫,分享到朋友圈

Magento中调用JS文件的几种方法