本文介绍了将 content_for 与脚本标签的 src 属性一起使用?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想出了如何将 content_for 用于某些元素，例如 </code>:<em class="showen"></em></p>
<p class="en">I figured out how to use <code>content_for</code> for some elements, for example <code><title></code>:</p>
<pre><code><code><% content_for :title, "Hi, I'm #{@user.username}" %>
</code></code></pre>
<p class="cn">但是当我需要注入带有 <code>src</code> 属性的 <code><script></code> 标签时，我似乎无法让它工作.IE.这段代码:<em class="showen"></em></p>
<p class="en">But I can't seem to get it working when I need to inject a <code><script></code> tag with <code>src</code> attribute. I.e. this code:</p>
<pre><code><code><script src="https://js.stripe.com/v3/"></script>
</code></code></pre>
<p class="cn">如何使用 <code>content_for</code> 在页面的 <code>head</code> 中放置脚本标记(带有 <code>src</code> 属性)?<em class="showen"></em></p>
<p class="en">How can I use <code>content_for</code> to place a script tag (with <code>src</code> attribute) in the <code>head</code> of a page?</p>
<h3 class="best_ans mt-1">推荐答案</h3>
<p class="cn">来自其他论坛的回答</p>
<p class="cn">将此添加到您的脑海中</p>
<pre><code><code><%= yield :whatever_name_you_want %>
</code></code></pre>
<p class="cn">并将其添加到您的模板/视图中:<em class="showen"></em></p>
<p class="en">And add this to your template/view:</p>
<pre><code><code><% content_for :whatever_name_you_want do %>
<script src="https://js.stripe.com/v3/"></script>
<% end %>
</code></code></pre>
<p>这篇关于将 content_for 与脚本标签的 src 属性一起使用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p>
</div>
<div class="arc-body-main-more">
<span onclick="unlockarc('2389074');">查看全文</span>
</div>
</div>
<div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div>
</div>
</article>
<div id="arc-ad-2" class="mb-1">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5038752844014834"
data-ad-slot="3921941283"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="widget bgwhite radius-1 mb-1 shadow widget-rel">
<h5>相关文章</h5>
<ul>
<li>
<a target="_blank" title="将代理与 perl 脚本一起使用" href="/2334333.html">
将代理与 perl 脚本一起使用;
</a>
</li>
<li>
<a target="_blank" title="将Firebase与PHP脚本一起使用" href="/2251832.html">
将Firebase与PHP脚本一起使用;
</a>
</li>
<li>
<a target="_blank" title="将标签与web.config一起使用" href="/1413228.html">
将标签与web.config一起使用;
</a>
</li>
<li>
<a target="_blank" title="将Typescript与Google Apps脚本一起使用" href="/1861805.html">
将Typescript与Google Apps脚本一起使用;
</a>
</li>
<li>
<a target="_blank" title="将集合属性与成员对象一起使用" href="/532507.html">
将集合属性与成员对象一起使用;
</a>
</li>
<li>
<a target="_blank" title="将js变量与Shopify液体标签一起使用" href="/2897236.html">
将js变量与Shopify液体标签一起使用;
</a>
</li>
<li>
<a target="_blank" title="将jQuery脚本与WordPress foreach循环一起使用" href="/1495627.html">
将jQuery脚本与WordPress foreach循环一起使用;
</a>
</li>
<li>
<a target="_blank" title="content_for与部分收益率" href="/2116314.html">
content_for与部分收益率;
</a>
</li>
<li>
<a target="_blank" title="如何调试将stdin与ipython一起使用的脚本?" href="/2142695.html">
如何调试将stdin与ipython一起使用的脚本?;
</a>
</li>
<li>
<a target="_blank" title="编译错误.将属性与结构一起使用" href="/2751187.html">
编译错误.将属性与结构一起使用;
</a>
</li>
<li>
<a target="_blank" title="春季:将@Qualifier与属性占位符一起使用" href="/1840141.html">
春季:将@Qualifier与属性占位符一起使用;
</a>
</li>
<li>
<a target="_blank" title="将ControlSource属性与表达式一起使用" href="/1046785.html">
将ControlSource属性与表达式一起使用;
</a>
</li>
<li>
<a target="_blank" title="将 fetch 与 Content-Type 一起使用时出现 CORS 错误" href="/2846208.html">
将 fetch 与 Content-Type 一起使用时出现 CORS 错误;
</a>
</li>
<li>
<a target="_blank" title="将Async与.then一起使用" href="/1805884.html">
将Async与.then一起使用;
</a>
</li>
<li>
<a target="_blank" title="将锚属性与动态添加的控件一起使用" href="/2490419.html">
将锚属性与动态添加的控件一起使用;
</a>
</li>
<li>
<a target="_blank" title="与环一起awk脚本" href="/313582.html">
与环一起awk脚本;
</a>
</li>
<li>
<a target="_blank" title="您可以将合并标签与片段一起使用吗?" href="/2674635.html">
您可以将合并标签与片段一起使用吗?;
</a>
</li>
<li>
<a target="_blank" title="与Google Apps脚本的HtmlService一起使用" href="/2104842.html">
与Google Apps脚本的HtmlService一起使用;
</a>
</li>
<li>
<a target="_blank" title="可以将 OleDbConnections 与脚本组件一起使用吗?" href="/2416434.html">
可以将 OleDbConnections 与脚本组件一起使用吗?;
</a>
</li>
<li>
<a target="_blank" title="将T4MVC与构建脚本一起使用" href="/1630582.html">
将T4MVC与构建脚本一起使用;
</a>
</li>
<li>
<a target="_blank" title="将 T4MVC 与构建脚本一起使用" href="/2697937.html">
将 T4MVC 与构建脚本一起使用;
</a>
</li>
<li>
<a target="_blank" title="将Content-Type与访存一起使用时发生CORS错误" href="/2220756.html">
将Content-Type与访存一起使用时发生CORS错误;
</a>
</li>
<li>
<a target="_blank" title="我可以将属性与匿名类一起使用吗?" href="/2812376.html">
我可以将属性与匿名类一起使用吗?;
</a>
</li>
<li>
<a target="_blank" title="将@Profile批注与属性占位符值一起使用" href="/1840908.html">
将@Profile批注与属性占位符值一起使用;
</a>
</li>
<li>
<a target="_blank" title="如何将NSPredicate与链接的虚拟属性一起使用？" href="/2016930.html">
如何将NSPredicate与链接的虚拟属性一起使用？;
</a>
</li>
</ul>
</div>
<div class="mb-1">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5038752844014834"
data-ad-slot="3921941283"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="side">
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>其他开发最新文章</h5>
<ul>
<li>
<a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html">
拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin';
</a>
</li>
<li>
<a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html">
什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？;
</a>
</li>
<li>
<a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html">
在运行npm install命令时获取'npm WARN弃用'警告;
</a>
</li>
<li>
<a target="_blank" title="cmake无法找到openssl" href="/516280.html">
cmake无法找到openssl;
</a>
</li>
<li>
<a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html">
从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
</a>
</li>
<li>
<a target="_blank" title="Twitter :: Error :: Forbidden - 无法验证您的凭据" href="/630061.html">
Twitter :: Error :: Forbidden - 无法验证您的凭据;
</a>
</li>
<li>
<a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html">
我什么时候需要一个fb：app_id或者fb：admins？;
</a>
</li>
<li>
<a target="_blank" title="将.db文件导入R" href="/902960.html">
将.db文件导入R;
</a>
</li>
<li>
<a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html">
npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
</a>
</li>
<li>
<a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html">
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”;
</a>
</li>
</ul>
</div>
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>
热门教程
</h5>
<ul>
<li>
<a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html">
Java教程
</a>
</li>
<li>
<a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html">
Apache ANT 教程
</a>
</li>
<li>
<a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html">
Kali Linux教程
</a>
</li>
<li>
<a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html">
JavaScript教程
</a>
</li>
<li>
<a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html">
JavaFx教程
</a>
</li>
<li>
<a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html">
MFC 教程
</a>
</li>
<li>
<a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html">
Apache HTTP客户端教程
</a>
</li>
<li>
<a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html">
Microsoft Visio 教程
</a>
</li>
</ul>
</div>
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>
热门工具
</h5>
<ul>
<li>
<a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4">
Java 在线工具
</a>
</li>
<li>
<a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6">
C(GCC) 在线工具
</a>
</li>
<li>
<a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8">
PHP 在线工具
</a>
</li>
<li>
<a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1">
C# 在线工具
</a>
</li>
<li>
<a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5">
Python 在线工具
</a>
</li>
<li>
<a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33">
MySQL 在线工具
</a>
</li>
<li>
<a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2">
VB.NET 在线工具
</a>
</li>
<li>
<a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14">
Lua 在线工具
</a>
</li>
<li>
<a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35">
Oracle 在线工具
</a>
</li>
<li>
<a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7">
C++(GCC) 在线工具
</a>
</li>
<li>
<a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20">
Go 在线工具
</a>
</li>
<li>
<a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45">
Fortran 在线工具
</a>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">var eskeys = '将,content_for,与,脚本,标签,的,src,属性,一起,使用'; var cat = 'cc';';//other-dev</script>
</div>
<div id="pop" onclick="pophide();">
<div id="pop_body" onclick="event.stopPropagation();">
<h6 class="flex flex101">
登录
<span onclick="pophide();">关闭</span>
</h6>
<div class="pd-1">
<div class="wxtip center">
<span>扫码关注<em>1秒</em>登录</span>
</div>
<div class="center">
<img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" />
</div>
<div style="margin-top:10px;display:flex;justify-content: center;">
<input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" />
<input id="btngo" type="button" onclick="chk()" value="GO" />
</div>
<div class="center" style="margin: 4px; font-size: .8rem; color: #f60;">
发送“验证码”获取
<em style="padding: 0 .5rem;">|</em>
<span style="color: #01a05c;">15天全站免登陆</span>
</div>
<div id="chkinfo" class="tip"></div>
</div>
</div>
</div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script>
<footer class="footer">
<div class="container">
<div class="flink mb-1">
友情链接：
<a href="https://www.it1352.com/" target="_blank">IT屋</a>
<a href="https://huajiakeji.com/" target="_blank">Chrome插件</a>
<a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a>
</div>
<section class="copyright-section">
<a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a>
©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a>
<a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a>
<a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a>
<a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a>
<a href="/1155981.html" title="IT屋-免责申明"><免责申明></a>
本站内容来源互联网,如果侵犯您的权益请联系我们删除.
</section>
<!--统计代码-->
<script type="text/javascript">
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</footer>
</body>
</html>
