• 首页
    • English
    • 中文
  • 关于我们
  • 服务项目
    • 谷歌SEO服务
    • WordPress建站服务
    • 谷歌ADS/SEM代运营
  • 项目案例
    • 医疗
    • 建材
    • 机械加工
    • 照明
    • 电商
    • 电脑硬件
  • 博客
    • 服务器运维
      • aliyun
      • 服务器安装
      • 宝塔面板
      • 虚拟化
      • 阿里云
      • Centos
      • linux
      • nginx
    • 电子商务
    • 免费资源
    • PHP
      • Magento
      • WordPress
    • 大数据采集
    • Python
    • Javascript
    • SEO
    • 未分类
  • 联系我们
What's Hot

机械模具加工公司网站设计案例

10月 24, 2023

快速原型公司案例

10月 24, 2023

陶瓷加工网站案例

10月 24, 2023
Facebook Twitter Instagram
  • 中文
  • English
Facebook Twitter Instagram
VPSEO VPSEO
  • 首页
    • English
    • 中文
  • 关于我们
  • 服务项目
    • 谷歌SEO服务
    • WordPress建站服务
    • 谷歌ADS/SEM代运营
  • 项目案例
    • 医疗
    • 建材
    • 机械加工
    • 照明
    • 电商
    • 电脑硬件
  • 博客
    • 服务器运维
      • aliyun
      • 服务器安装
      • 宝塔面板
      • 虚拟化
      • 阿里云
      • Centos
      • linux
      • nginx
    • 电子商务
    • 免费资源
    • PHP
      • Magento
      • WordPress
    • 大数据采集
    • Python
    • Javascript
    • SEO
    • 未分类
  • 联系我们
VPSEO VPSEO
Home»Magento»Magento中调用JS文件的几种方法
Magento

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

chrispengcnBy chrispengcn8月 7, 2021没有评论1 Min Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email
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代码。

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
chrispengcn
  • Website

Related Posts

docker 环境下 安装Magento2(麦进斗)

12月 26, 2021

magento 2.3 nginx 安装

8月 7, 2021

Magento忘记密码怎么办

8月 7, 2021

解决magento后台无法登陆/登陆没有反应的方法

8月 7, 2021
Add A Comment

Leave A Reply Cancel Reply

*

code

导航
  • 首页
  • 关于我们
  • 服务项目
  • 项目案例
  • 博客文章
  • 联系我们
博客
  • 服务器运维
  • 服务器安装
  • nginx
  • PHP
  • WordPress
  • Python
  • Javascript
  • SEO
  • 电子商务
  • 大数据采集
  • 宝塔面板
  • 数据库
  • 电子商务
  • 虚拟化
  • 阿里云
导航
  • 首页
  • 关于我们
  • 谷歌SEO服务
  • 谷歌ADS/SEM代运营
  • WordPress建站服务
  • 项目案例
  • 博客
  • 联系我们
最新文章
  • 机械模具加工公司网站设计案例
  • 快速原型公司案例
  • 陶瓷加工网站案例
  • CNC数控加工日文网站案例
  • 触摸一体机数字标牌厂家网站案例
关于我们
关于我们

广州纬来科技有限公司
联系地址:广东省广州市番禺区富华中路富源二街18号合和大厦809

QQ : 13602156
Email : 13926026058@139.com
Contact: +86 13926026058

Facebook Twitter YouTube LinkedIn
© 2023 广州纬来科技有限公司 粤ICP备2023105857号-2
  • 首页
  • 关于我们
  • 谷歌SEO服务
  • 谷歌ADS/SEM代运营
  • WordPress建站服务
  • 项目案例
  • 博客
  • 联系我们

Type above and press Enter to search. Press Esc to cancel.