magento 添加 删除css js

简介:

在addJs、addCss的代码一般在page/html_head类型的block当中,Magento首先会将所有文件存储在$_data当中,最终通过getCssJsHtml函数解析成对应的html代码输出。


Head中支持add类型的方法有addCss、addJs、addCssIe、addJsIe、addLinkRel五种。

Java代码   收藏代码
  1. <reference name="head">  
  2.     <action method="addItem"><type>js_css</type><stylesheet>messagebox/blue/messagebox.css</stylesheet></action>  
  3.     <action method="addJs"><script>messagebox/jmessagebox.js</script><params>charset="utf-8"</params></action>  
  4.     <action method="addCss"><stylesheet>css/local.css</stylesheet></action>  
  5.     <action method="addJs"><script>scriptaculous/controls.js</script></action>  
  6.     <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>  
  7. </reference>  

 通用的函数是addItem,需要指定type和name,如果有条件判断的话就放在if标签当中

 

如果需要删除某个js或者css,可以使用removeItem方法

Java代码   收藏代码
  1. <reference name="head">  
  2. <action method="removeItem"><type>skin_css</type><name>css/local.css</name></action>  
  3. </reference>  

 

相关文章
|
19天前
|
前端开发 JavaScript 开发者
css和js
【4月更文挑战第22天】css和js
19 6
|
20天前
|
前端开发 JavaScript
结合CSS和JavaScript创建动态网页
【4月更文挑战第21天】结合CSS和JavaScript创建动态网页
19 4
|
3天前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
10 0
|
5天前
|
JavaScript 前端开发
js和css以及js制作弹窗
js和css以及js制作弹窗
11 1
|
16天前
|
前端开发 JavaScript
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
前端 富文本编辑器原理——从javascript、html、css开始入门
26 0
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
|
16天前
|
前端开发 JavaScript 索引
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
前端 富文本编辑器原理——从javascript、html、css开始入门
36 0
|
18天前
|
前端开发 JavaScript 容器
JavaScript、CSS像素动画特效代码
此示例创建一个带有像素粒子的容器,每隔300毫秒就会动态添加一个新的像素粒子,然后通过CSS的关键帧动画(`@keyframes`)使它们产生上升和逐渐消失的动画效果。你可以根据需要修改像素粒子的颜色、大小、动画效果和创建速度。
14 0
|
25天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
19 0
|
2月前
|
前端开发 JavaScript UED
前端开发的魔法:CSS动画与JavaScript的完美结合
本文将探讨如何利用CSS动画和JavaScript的结合,为前端页面增添生动的效果。我们将通过实例展示如何使用这两种技术为网页元素创建吸引人的动画效果,并讨论它们的优缺点和适用场景。
33 0
|
Web App开发 编解码 前端开发
浏览器原理 23 # 分层和合成机制:为什么CSS动画比JavaScript高效?
浏览器原理 23 # 分层和合成机制:为什么CSS动画比JavaScript高效?
117 0
浏览器原理 23 # 分层和合成机制:为什么CSS动画比JavaScript高效?