Rails 应用程序中 Javascript 包含标签的最佳实践

发布于 2024-07-10 00:47:05 字数 345 浏览 13 评论 0原文

假设我需要在 ERb 模板的 中调用 javascript 文件。 我的本能是做通常的事情:

<head>
<%= javascript_include_tag :defaults %> <!-- For example -->
</head>

在我的应用程序布局中。 当然,问题是这些 javascript 文件会加载到我的应用程序中的每个页面中,无论正在查看的页面是否需要它们。

所以我想知道是否有一种好的方法可以将 javascript 加载到例如仅在特定目录中找到的所有 ERb 模板的标头中。

Say I need to call a javascript file in the <head> of an ERb template.
My instinct is to do the usual:

<head>
<%= javascript_include_tag :defaults %> <!-- For example -->
</head>

in my application's layout. The problem of course becoming that these javascript files are loaded into every page in my application, regardless of whether or not they are needed for the page being viewed.

So what I'm wondering is if there's a good way of loading a javascript into the the headers of, for example, all ERb templates found only in a specific directory.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

新一帅帅 2024-07-17 00:47:05

我会使用 content_for

例如,指定将其插入应用程序布局中的位置:

<head>
<title>Merry Christmas!</title>
<%= yield(:head) -%>
</head>

并从视图将其发送到那里:

<%- content_for(:head) do -%>
<%= javascript_include_tag :defaults -%>
<%- end -%>

I would use content_for.

For instance, specify the place to insert it in the application layout:

<head>
<title>Merry Christmas!</title>
<%= yield(:head) -%>
</head>

And send it there from a view:

<%- content_for(:head) do -%>
<%= javascript_include_tag :defaults -%>
<%- end -%>
请恋爱 2024-07-17 00:47:05

我觉得包括所有年份的默认值都没有问题,因为它们可以缓存在用户的浏览器上。

I feel there's nothing wrong including all yr defaults since they can then be cached on user's browser.

没有你我更好 2024-07-17 00:47:05

我建议不要在标头中添加 JavaScript,因为它会导致页面加载速度变慢。 而是在页面底部加载js,这样更快。
http://developer.yahoo.com/performance/rules.html#js_bottom

<body>
 ....
  <%= yield(:js) -%>
</body>

并从视图将其发送到那里:

<%- content_for(:js) do -%>
  <%= javascript_include_tag :defaults -%>
<%- end -%>

I would suggest not to add javascript in the header as it causes to load the page slower. Rather load the js at the bottom of the page, which is faster.
http://developer.yahoo.com/performance/rules.html#js_bottom

<body>
 ....
  <%= yield(:js) -%>
</body>

And send it there from a view:

<%- content_for(:js) do -%>
  <%= javascript_include_tag :defaults -%>
<%- end -%>
翻身的咸鱼 2024-07-17 00:47:05

我通常在布局文件中包含以下内容:

<head>
  <%= javascript_include_tag :defaults %> <!-- For example -->
  <%= @extra_head_content %>
</head>

然后在视图中:

<% (@extra_head_content ||= "") += capture do %>
  <%= other_content %>
<% end %>

请参阅 API 文档 #capture

I usually have the following in the layout file:

<head>
  <%= javascript_include_tag :defaults %> <!-- For example -->
  <%= @extra_head_content %>
</head>

And then in the views:

<% (@extra_head_content ||= "") += capture do %>
  <%= other_content %>
<% end %>

See the API documentation for #capture

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文