`
wuhuizhong
  • 浏览: 682798 次
  • 性别: Icon_minigender_1
  • 来自: 中山
社区版块
存档分类
最新评论

在 header 動態添加 js tag

    博客分类:
  • ROR
阅读更多

from:http://takor.takol.tw/posts/view/105

 

通常我們會把一些全域性的 Javascript 放在 HTML header 區段引入,在 Rails 裡面可以很方便地利用:

<%= javascript_inlcude_tag 'xxx'%>

這樣的方式來產生:

<script src="/javascripts/xxx.js" type="text/javascript"></script>

如果想要在某個特定的 controller 或 action 裡面插入一個其他地方不會執行的 js 檔案,但又不想要將之放在 body 區段,以免因為 elements 載入未完成導致 javascript 錯誤,可以在模板中加入:

<%=javascript_include_tag *@javascript_includes unless @javascript_includes.nil? %>

然後在 view 檔案中加入:

<% @javascript_includes = ['aaa', 'bbb'] -%>

或在 controller 的 action 中加入:

@javascript_includes = ['aaa', 'bbb']

 或如果整個 controller 都會用得到的話,就加入:

def initialize
  super
  @javascript_includes = ['aaa', 'bbb']
end
 
分享到:
评论

相关推荐

    asp.net后台代码动态引用添加JS和css文件

    在ASP.NET开发中,动态引用和添加JS及CSS文件是一项常用且重要的技能,尤其是在需要根据运行时条件加载不同样式或脚本的情况下。本文将详细解析如何在ASP.NET后台代码中实现这一功能,确保网页能够根据实际需求灵活...

    asp.net后台如何动态添加JS文件和css文件的引用

    在此我们讨论动态添加JS文件和CSS文件引用的步骤和方法。 首先,想要在***的后台代码中操作HTML元素,需要引入System.Web.UI.HtmlControls命名空间。这个命名空间包含了HtmlControl和HtmlGenericControl类,它们...

    asp.net后台动态添加JS文件和css文件的引用实现方法

    在***中,开发人员经常需要根据页面的不同需求动态地添加JavaScript和CSS文件。由于在页面加载时,部分逻辑可能尚未确定,传统的静态引用方式无法满足需求,这时就需要在服务器端代码中动态地添加文件引用。动态添加...

    display tag使用总结文档

    在项目中使用Display Tag之前,需要将对应的jar包添加到类路径下。通常包括`displaytag-x.x.jar`及其依赖的库,如`commons-collections.jar`、`jstl.jar`等。接着,在`web.xml`文件中进行必要的配置,启用Display ...

    zencart模板系统文件笔记1:html_header.php

    - **多语言支持**:对于多语言网站,可以在该文件中根据不同的语言环境加载相应的CSS和JS文件,以适应不同语言的排版需求。 #### 修改建议 1. **SEO优化**: - 根据每个页面的主题,自定义页面标题和元信息,提高...

    ASP.NET动态增加HTML元素的方法实例小结

    在ASP.NET web开发中,有时候我们需要在运行时根据需求动态地向HTML页面中添加元素,如样式表、样式、Meta信息以及JavaScript文件。这通常在处理动态内容或者个性化配置时非常有用。以下是对ASP.NET动态增加HTML元素...

    js-html教程

    JavaScript,通常简称为JS,是一种轻量级的解释型编程语言,主要用于客户端的网页交互,增强用户界面。HTML(HyperText Markup Language)则是用于创建网页结构的标准标记语言。 JavaScript 在网页中的主要功能包括...

    header-command:标题标签的命令实现(“h1”、“h2”、“h3”等)

    在Node.js环境下,可以通过npm(Node Package Manager)来安装。打开终端或命令提示符,输入以下命令: ```bash $ npm install header-command ``` 安装完成后,我们可以导入并使用`header-command`提供的功能。...

    WordPress主题添加整站全站SEO功能(纯代码)

    通过`register_rewrite_tag`函数,可以添加自定义的URL参数。同时,使用`add_filter`和`page_link`或`post_link`钩子,可以进一步调整文章和页面的链接结构。 4. **XML站点地图**:XML站点地图有助于搜索引擎快速...

    html 布局 页眉

    在CSS中添加`.sticky`类,设置页眉的定位为固定: ```css .sticky { position: fixed; top: 0; width: 100%; } ``` 结合这些技术,我们可以创建一个既美观又功能丰富的HTML页眉。通过理解HTML布局的原理,熟练...

    uchome 插件添加方法

    在本文中,我们将深入探讨如何在UChome平台上进行插件的添加与开发。UChome是一个流行的社区建站系统,它允许用户通过二次开发来扩展其功能。下面将详细讲解UChome插件的开发流程,包括定位插件位置、修改相应文件...

    原生实现小米商城(HTML+CSS+JavaScript)

    在这个项目中,`js`文件夹内的JavaScript代码负责处理用户的交互行为,如点击事件、滚动加载、商品添加到购物车、动画效果等。常见的JavaScript库如jQuery可以简化DOM操作,提高开发效率。此外,可能会用到`...

    html css js网页设计

    在网页设计中,通常先用HTML构建静态页面,再用CSS美化样式,最后用JavaScript添加动态功能。这三个技术的结合,使网页不仅具备良好的视觉呈现,还能提供丰富的交互体验。通过学习和实践,你可以创建出符合现代标准...

    javascript兼容性总结 转.doc

    添加事件监听器【分析说明】在 IE 中,事件处理通常使用 `attachEvent` 方法,而在 Firefox 等标准浏览器中使用 `addEventListener`。例如添加点击事件: ```javascript // IE element.attachEvent('onclick', ...

    cognos JS大全

    ### Cognos JS大全:利用JavaScript增强Cognos报表功能 #### 一、概述 Cognos是一款强大的商业智能(BI)工具,被广泛应用于数据分析和报表制作领域。随着技术的发展,用户对于交互式和定制化报表的需求日益增长。...

    ExtJS中的Grid Title部分利用XML定义随意变化

    在JavaScript代码中,我们需要解析这个XML文件,提取出每个`column`元素的`header`、`width`和`dataIndex`属性,然后用它们来动态生成Grid的列配置。可以使用`Ext.dom.Element`的`select`方法或者`Ext.XmlReader`来...

    html css js网页设计教程.docx

    **JavaScript**是一种广泛使用的编程语言,主要用于前端开发,能够为网页添加交互性和动态效果。 **基本语法**: - 变量声明:`var x = 10;` - 函数定义:`function myFunction() {}` - 条件语句:`if (condition) ...

    HTML、CSS、JavaScript语法简明速查表

    CSS(Cascading Style Sheets)则用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的外观和格式,而JavaScript是一种广泛用于客户端Web开发的脚本语言,它可以为网页添加交互性和动态功能。以下是对这三者...

    JS、CSS、HTML面试题

    在IT行业中,JavaScript(JS)、Cascading Style Sheets(CSS)和Hypertext Markup Language(HTML)是构建网页和Web应用程序的三大核心技术。这三者相辅相成,共同决定了网页的结构、样式和交互性。这篇文档将深入...

    学会了页面跳转机制,和调试页面的技巧(平移箭头),还有就是tab bar item可以通过image属性来添加图片!.zip

    客户端跳转则主要由JavaScript的window.location对象或者HTML的meta标签的http-equiv属性实现,这种跳转不会触发新的HTTP请求,而是直接在当前页面上下文中加载新内容。 其次,"调试页面的技巧(平移箭头)"可能指...

Global site tag (gtag.js) - Google Analytics