如何在laravel视图中添加外部Javascript
在 Laravel 视图中添加外部 JavaScript 可以通过以下步骤完成：
- 首先，确保你已经安装了 Laravel，并且已经创建了一个视图文件。
- 在视图文件中，你可以使用
<script>标签来添加外部 JavaScript 文件。你可以使用src属性指定 JavaScript 文件的 URL。例如：
<script src="https://example.com/js/external.js"></script>- 如果你希望在视图中添加内联的 JavaScript 代码，你可以直接在
<script>标签中编写代码。例如：
<script>
// 在这里编写你的 JavaScript 代码
</script>- 如果你希望在视图中使用 Laravel 的 Blade 模板引擎来添加 JavaScript 代码，你可以使用
@push指令。首先，在视图文件的头部使用@push('scripts')指令，然后在需要添加 JavaScript 代码的地方使用@endpush指令。例如：
@push('scripts')
<script>
// 在这里编写你的 JavaScript 代码
</script>
@endpush- 最后，在你的布局文件中，你需要使用
@stack('scripts')指令来输出之前使用@push指令添加的 JavaScript 代码。例如：
<!DOCTYPE html>
<html>
<head>
<!-- 页面头部内容 -->
</head>
<body>
<!-- 页面主体内容 -->
@stack('scripts')
</body>
</html>这样，你就可以在 Laravel 视图中添加外部 JavaScript 了。
对于 Laravel 开发，腾讯云提供了云服务器、云数据库、云存储等多种产品来支持你的应用部署和运行。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的信息和使用方式。
相关·内容
2回答
我有一个包含以下脚本的js文件
alert("{{ route('contacts.show',':contactid:') }}");
我使用了.js文件并将其包含在我的刀片视图中
<script type="text/javascript" src={{ asset('admin/js/contact/test.js') }}></script>
但如果我在刀片式视图中编写脚本。它会计算花括号中的代码。
浏览 3提问于2018-04-15得票数 0
我得到了一个网页的图式设计。图页宽度为1825 was。我的笔记本电脑的宽度是1080 of。假设图中的文本字体大小为20 in。如何将其转换为我的膝上型计算机，以便保持该比率？我不能用百分比，因为我用的是柔性盒。当我尝试使用百分数时，它所做的是取它的父容器的百分比，而不是整个身体。
我也试过使用大众汽车。根据1825 on断点计算视图宽度并加以实现。问题是像素在这种方法中被扭曲了。而且，这个答案得到了很多支持，这意味着大众的工作，那么我为什么要面对这个问题？
我正在使用react，我不想要任何javascript解决方案。是否有任何方法来解决这个仅使用CSS？
浏览 6提问于2020-10-21得票数 0
回答已采纳
我正在开发一个ASP.NET MVC3应用程序。我在不同的地方读到了好的Javascript实践，并决定最好是将位于视图底部的标签中的javascript和jQuery调用外部化。
我将每个视图的Javascript放在一个具有标准化命名约定的单独文件中，这样我就可以生成标记，以便在布局视图中包含适当的文件。
但是它正处于太过复杂而无法维护的边缘，我遇到了一个打破整个方案的问题，那就是需要偶尔在javascript中插入URL。
例如:如果我在做一个$.getJSON调用，我需要提供一个网址。我一直使用UrlHelper类在服务器端的视图中生成它们，如下所示：
var _Registratio
浏览 0提问于2012-02-14得票数 2
回答已采纳
我有一个名为html的main.html页面，它是用base.html扩展的。我喜欢找到一个解决方案，如何将另一个html模板(individual_sum.html)也包含在其中。individual_sum.html在文件中有很多javascript代码。我不使用外部javascript文件，因为我不知道如何在js中使用Django模板语言。我的视图中有动态推送数据的查询，因此我需要DTL。
我将individual_sum.html包含到main.html中，内容就会出现，但是图表和其他javascript内容是空白的。
main.html
{% extends 'stressz
浏览 3提问于2021-05-14得票数 0
回答已采纳
我正在开发一个MVC 5 Web应用程序。JavaScript代码是以这三种不同的方式进行管理的，
视图中的内联JavaScript代码(读取ASP.Net服务器端变量，即ViewBag、ResourceFile等)
引用一些外部JavaScript文件(每个视图/页有一个JS文件)。
JavaScript的其余部分是Bundles引用的。
我想缩小#1和#2，我不认为我应该为我的应用程序中的每个页面创建一个包，因为有几十个页面，所以我认为我不能为此使用MVC捆绑和Minificatin特性。
你能提出一个解决方案吗。
谢谢
浏览 3提问于2016-01-11得票数 4
在Laravel Dusk中，您可以断言对话框已打开，但如何断言打印对话框已打开？有一个Javascript调用window.print()，我想测试一下这段代码是否正在运行。
浏览 13提问于2021-11-04得票数 0
1回答
标题中的徽标加载，然后在移动视图中消失。重新加载页面会导致页面出现，然后消失。只有在使用手机时才会发生这种情况，而我似乎无法在桌面屏幕上复制这种行为。我正在努力追查可能导致这种行为的原因？
浏览 1提问于2019-10-17得票数 1
尝试以下代码：
<!DOCTYPE html>
<html style="min-width:600px; overflow:auto;">
<body style="background:grey; padding:0px; margin:0px;">
<div style="text-align:right;">
this is some text
</div>
浏览 0提问于2013-02-15得票数 0
回答已采纳
2回答
我的网页需要在应用程序中显示。当它在安卓版本中显示时，它比在iOS版本中大了3倍。
这可能是由于每个应用程序的网页视图中的设置，但我没有开发该应用程序，所以我无法对其进行任何更改。我唯一可以改变的是我的网页，这是一个javascript谷歌地图，地图标记在Android应用程序中变得超级大。
那么，有没有什么东西可以强制我的网页具有相同的比例，而不管web视图设置或应用程序设置？
浏览 3提问于2019-06-02得票数 1
我现在正在做一个移动网站，并尝试使用CSS3媒体查询来定位不同的设备。我的部分代码如下：
@media screen and (max-width:320px) {
body {
width: 320px;
}
/* some other style */
}
如你所见，我必须显式地设置正文宽度，以确保它不会显示我在普通css中为桌面设置的宽度，即920px。我想知道是否有任何方法可以将主体宽度自动设置为设备宽度，并且我不需要每次创建新的@media时都手动设置。
顺便说一下，我还在head标记中添加了以下代码：
<meta name="viewport" c
浏览 0提问于2013-02-27得票数 21
回答已采纳
2回答
我正在编写Javascript代码，以检查元素是否在viewport中。但是现在我有了一个代码，它只在视图中元素100%的情况下返回true。是否有一种方法，例如，如果有10个像素返回为真或如果一个百分比.元素在视图中返回是否为真？
到目前为止我的代码
<script type="text/javascript">
var elem = document.getElementById("result");
var bounding = elem.getBoundingClientRect();
if (bounding
浏览 2提问于2020-10-27得票数 2
回答已采纳
我正在使用这个小代码，它在我的头img中工作得很好。但稍后在我的页面上，我想再次使用相同的效果。除了这个动作从我开始滚动的那一刻起就被调用。所以我希望动作发生在我在相关的div上，或者在一定数量的像素之后。我需要添加什么？
提前感谢！
<script>
$(window).scroll(function() {
var s = $(window).scrollTop(),
opacityVal = (s / 150.0);
$('.blur_img').css('opacity', opacityVal);
});
&
浏览 0提问于2015-04-01得票数 0
我主要认为我找不到答案，因为我不知道该找什么，所以如果你明白我要什么(而且你会)，有人能告诉我去哪里。
我想做的就像CSS中的媒体查询，但使用的是HTML .。
因此，如果页面是这个宽度，则显示此<div>...</div>，如果它更大，则不显示它。
是与Laravel一起开发的吗?如果不是的话，为什么不开发?
有人曾在谷歌上查封过，或者可以告诉我在谷歌上找什么？
浏览 3提问于2015-11-10得票数 0
回答已采纳
1回答
我在一个视图中有一个网格，用户可以选择网格中的一行/多行，在点击“下一步”按钮时，我需要向他们显示另一个视图，在那里他们可以执行其他任务。
我从同一个控制器创建了两个视图。
public BatchController() : base("BATCH")
{
}
// GET: BatchProcess
public ActionResult Index()
{
return View();
}
public ActionResult Final()
{
return V
浏览 4提问于2020-10-16得票数 0
我有一个rails应用程序，它提供了许多视图，其中包括一些javascript要操作的数据库中的特定数据，特别是用于Chartjs。
我所探讨的备选方案如下：
使用ajax调用将数据从服务器上取出。我不喜欢这个，因为用户没有改变任何数据，当我呈现页面时，我可以访问所有的数据，应该有更好的方法。
在视图中使用<script>标记，只需让ERB对变量进行内插。这看起来有点烦人，绝对没有利用我所有美丽的大腿。但是这很容易，并且允许我将javascript变量放在页面上，然后可以在document.onload之后提取这些变量。
冈。很棒的宝石而且很简单。但这真的需要一块宝石吗
浏览 2提问于2014-03-05得票数 4
回答已采纳
我想调用JavaScript文件，但是找不到函数时出错了
我想在这个页面上调用JavaScript文件。
这是我的刀片
我说这个：
<script type="text/javascript" src="{{URL::asset('js/lihatjadwal.js')}}"></script>
这是我的JavaScript文件(lihatjadwal.js)：
这是我的路由：
这是我的控制器：
我犯了这样的错误：
如果有人想帮我，谢谢你:)
浏览 0提问于2019-01-08得票数 0
回答已采纳
1回答
我有一个Gui类：
public class Gui extends JFrame implements ActionListener {
/**
*
*/
private static final long serialVersionUID = -384241835772507459L;
JLabel playerInfo;
JTextField textField;
private final static String newline = "\n";
JTextArea feed;
JScrollPane scrollPane;
Player player;
p
浏览 1提问于2011-09-15得票数 5
回答已采纳
2回答
在下面的屏幕截图中，您可以从水平滚动条中看到视图中隐藏的水平空间。底部的灰色div是滚动体。图像不是。为什么是这个？
这是我的CSS：
table, tr {
margin: 0px;
}
table, td {
border-collapse: collapse;
}
td {
padding: 5px 15px;
}
tr:nth-child(even) {
background-color: #e0e0f0;
}
body {
padding: 0px;
margin: 0px;
}
button {
padding: 0px;
mar
浏览 3提问于2017-09-11得票数 0
回答已采纳
类似于在地图中存储autoCode
private static final PassiveExpiringMap<String, String> authCodeMap = new PassiveExpiringMap<>(1000 * 60 * 60);
如何在多个tomcat实例之间同步数据
浏览 1提问于2015-12-10得票数 2
假设我正在使用MVC框架，并且我的视图需要位于视图外部的文件中的Javascript文件。然而，位于外部文件中的javascript依赖于我视图中的一些PHP变量。如果我在HTML视图内的标记中包含Javascript，我可以简单地将PHP变量注入到Javascript中。
我知道我可以创建隐藏的输入字段，并将需要的变量指定为它们的值。有没有其他更优雅的方式？
我知道我可以将.js文件命名为.php，但我不太喜欢这样做。
浏览 2提问于2009-10-29得票数 2
回答已采纳
我对JavaScript如何能够加载外部库感到有点困惑。它是否正在对我在脚本标记中指定的url执行GET请求？是浏览器处理库的存储，还是它保存在DOM中的某个地方？
似乎浏览器加载外部库所做的大多数事情都会违反同源策略。在从外部站点加载脚本时，现代浏览器是否会强制执行任何额外的安全性？是否可以加载外部库，然后将其源代码打印到屏幕上？
谢谢!
浏览 0提问于2013-06-13得票数 1
回答已采纳
我在一个页面中有一个iFrame，它有一个聊天图标，应该停留在屏幕的底部(当然，当滚动出视图时，它必须留在iFrame中)。 iFrame延伸到主视口外，看起来iFrame只知道它自己的文档/视区的底部，在我的示例中，它位于浏览器窗口的底部。它不知道父页面的底部，在本例中是浏览器窗口的底部。 问题很简单，有没有办法让它只在iFrame中与CSS一起工作？我确实可以选择向下张贴带有页面高度的消息到iFrame。我正在尝试避免使用Javascript解决方案在滚动事件上手动定位图标，因为它是闪烁的… ?
浏览 24提问于2019-09-13得票数 3
我有以下用于映射的代码，
<DeckGL
initialViewState={INITIAL_VIEW_STATE}
controller={true}
layers={layers}
getTooltip={({object}) => object && `Paths Covered`}
>
<button className="button" onClick={() => history.push("/")}>Back</button>
<
浏览 0提问于2020-10-14得票数 0
3回答
在react原生中，我不能使用像float:left或float:right这样的东西，所以我想要将项最左和最右对齐，我该怎么做呢？我在父视图上使用了绝对位置，但是在该视图中，灵活方向和对齐内容空间之间是不工作的，为什么呢？flexbox和绝对定位不能协同工作吗？ 代码： <View style={styles.cardContent}>
<View style={{maxWidth: 175}}>
<Text
style={{
fontSize: 16,
浏览 83提问于2019-10-04得票数 1
回答已采纳
我正在使用与 gem一起构建在线旅游应用程序。在我的JSX视图中使用Rails URL助手的问题是服务器端呈现：
例如，在我的jsx视图中：
#project/app/javascript/packs/app/components/front_end/SearchTripItemComp.erb
<%= link_to "Book Now!", search_trips_path, className: 'btn btn-book' %>
运行之后，我得到了以下错误：
作为一项工作，我可以想到的是将search_trips_path
浏览 2提问于2017-08-12得票数 4
我体验过这种滚动进入视图的行为。通常，我会使用类似以下的操作或JavaScript将元素滚动到视图中：
Actions actions = new Actions(driver());
actions.moveToElement(element).build().perform();
或
js().executeScript("arguments[0].scrollIntoView();", element);
当元素不在视口中时，它们都可以很好地工作。但有时，我的元素已经在视口中，当它到达这些命令时，它实际上将这些元素滚动到视图之外，测试失败，因为它是不可点击的。
有没有人遇
浏览 21提问于2020-03-06得票数 0
回答已采纳
1回答
如果.gif播放是在屏幕视图中使用JQuery或Javascript，那么是否有一种方法可以只播放它呢？我的页面上有这么多.gif文件，它造成了延迟(不，我不能只删除它们)。
浏览 2提问于2015-03-09得票数 1
回答已采纳
我使用的是Laravel 5.0，表单和Html助手从这个版本中删除了，我不知道如何在我的头文件中包含外部css和js文件。目前我正在使用这段代码。
<link rel="stylesheet" href="/css/bootstrap.min.css"> <!--- css file --->
<script type="text/javascript" src="/js/jquery.min.js"></script>
浏览 8提问于2015-01-23得票数 87
因此，我已经从/wp-admin/admin-header.php中删除了视口，并通过admin_head操作安装了我自己的视口：
add_action('admin_head','CustomHead',1,1);
那是我的视窗
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width, user-scalable=no" />
到目前为止一切正常。我用wp_head做
浏览 16提问于2015-04-11得票数 0
这是字符串：
String strPro = "(a0(a1)(a2 and so on)...(aN))";
son-()中的内容可以是""，或者仅仅是strPro的值，或者像这样的模式，递归地，所以子()是一个子树。
预期结果：
str1 is "a0(a1)"
str2 is "(a2 and so on)"
...
strN is "(aN)"
str1、str2、...、strN是数组中的元素
浏览 0提问于2013-04-20得票数 1
回答已采纳
我正在创建一个与超文本标记语言，CSS和JavaScript静态网站。在桌面/平板电脑/移动视图中调整大小和测试时，网站完全响应。
我正在努力弄清楚的是，我如何调整导航栏(菜单)的大小，当我使用桌面/平板电脑视图时，它看起来像一个普通的网站导航栏，然后当我尝试移动视图时，底部会有一个导航栏，就像一个应用程序一样。就像你上了takealot.com网站这样的网站。
请建议一个可能的解决方案
浏览 1提问于2018-12-04得票数 1
我想知道如何将外部javascript文件添加到gatsby中，我应该将这些标签放在哪个文件中？以及如何正确地将文件导入到DOM。
谢谢
浏览 4提问于2020-02-04得票数 4
1回答
我只想在没有任何改变的情况下，在移动环境中显示桌面版本。我添加了以下代码
<meta name="viewport" content="width=device-width, initial-scale=0" /> or
<meta name="viewport" content="width=device-width, initial-scale=1" />
这是有效的，但不是100%。
这是桌面和移动屏幕截图。
桌面版本
移动版
你能告诉我如何解决这个问题吗？我只想展示和桌面一样的东西。
浏览 2提问于2014-10-29得票数 0
<div align="right" style="border:1 #FF0 solid; background-color:#999" onMouseOver="javascript: function(){this.style.backgroundColor = '#DDD';}" onMouseOut="javascript: function(){this.style.backgroundColor = '#999';}">
Register
</div>
当mou
浏览 9提问于2011-02-27得票数 0
回答已采纳
1回答
我正在考虑在Asp.net视图中为我的一个输入字段添加一个自动补全功能，所以我尝试了Jquery UI中的示例，并将代码粘贴到其中一个.cshtml视图中：
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/aj
浏览 10提问于2017-01-15得票数 2
我有一个登录页，在它上我有多个部分，是从导航栏菜单链接。我需要使用JavaScript来识别当前视图中的哪个部分，并突出显示导航栏中的相关按钮，然后在用户移动到另一个部分时停止突出显示该按钮。这是我当前代码的GitHub链接- ，我不知道如何才能做到这一点，提前谢谢
浏览 5提问于2021-06-13得票数 0
1回答
嵌套JScrollPane不拟合
、、、、
我对嵌套的JScrollPanes有一个问题。基本上，我希望有一个外部JScrollPane垂直滚动，而不是水平滚动(想想Netflix界面)。在这个外部JScrollPane中，我希望有多个水平滚动的JScrollPanes。我的问题是，内部JScrollPanes的水平滚动条永远不会出现，因为看起来它们占用了JPanels的全部首选大小。下面是一幅描述我所说的东西的图片：
编辑：基于camickr的答案的代码现在起作用了：
import java.awt.BorderLayout;
import javax.swing.BoxLayout;
import javax.swing
浏览 2提问于2013-07-12得票数 4
回答已采纳
我需要在我的Drupal 8网站上显示的两个版本--一个用于“宽”视图，另一个用于“叙事”。
我可以通过CSS类和媒体查询来完成这一任务，但是用户必须同时加载图像的两个版本。我想避开它。
我已经决定利用<picture>标签。我认为有两种可能的选择，但没有一种对我有效：
1)我试图定义包含两个图像字段(我的两个版本的图像)的内容类型(横幅)。然后，在适当的视图中，我重写了一些字段，以“手动”插入<picture>标记。不幸的是，Drupal中的观点似乎是剥去了这个标签。
2)有"Responsive “模块，但它处理不同大小的同一源图像。这不是我的问题:我需要两
浏览 0提问于2017-11-10得票数 0
1回答
我有一个select语句，有大量的选项要选择。我正在从我的后端检索所有选项并填写它们。不过，我也想选择一个选项，这也是我从后端传入的。我的代码如下：
<tr class="table_row">
<td>
<select class="form-control" name="TB1_instructions_course[]" id="course" required="" value='{{$info['userInfo']['
浏览 1提问于2017-08-03得票数 0
回答已采纳
我有一个网页视图列表，我需要知道用户何时更改了一个网页视图中的缩放级别，以便在其他网页视图中应用新的缩放。
目前我添加了OnZoomListener界面，并且我有onZoom(int i)，但它只在缩放控件更改缩放时调用，并且当用户使用手指更改缩放时，我需要检测缩放更改。
浏览 0提问于2013-01-06得票数 1
回答已采纳
2回答
我有一个加载了html数据的UIWebView
是否可以使用javascript在此视图中搜索文本？
感谢您的回答
浏览 4提问于2009-06-26得票数 1
我正在使用刀片模板，所有的文件内容都在视图中，我需要在我的项目中使用2种语言，如何最简单地使按钮切换器语言？有人能帮我吗？
谢谢
浏览 5提问于2020-03-02得票数 0
4回答
在移动设备上查看我的网站时，该网站会自动在移动版本中查看，就像我在下面附加的图像一样
但我需要在桌面视图中查看它，如下图所示。
换句话说，当网站在移动设备上查看时，如何禁用移动视图，而使用桌面视图？
浏览 1提问于2014-11-29得票数 1
2回答
我只需要在一页脚本。它应该在jQuery之后加载。我在index.blade上试过
<script type="text/javascript" src="{{ URL::asset ('js/jquery.js') }}"></script>
@push('custom-scripts')
<script type="text/javascript" src="{{ URL::asset ('js/custom-scripts.js') }}"
浏览 4提问于2017-06-21得票数 25
回答已采纳
我正在努力获取引用，而不是使用Ext.getCmp(..)。我理解为什么最好不要在生产应用程序中使用Ext.getCmp，主要是因为重复的DOM id可能会引起混淆。我已经在下面创建了一个基本的示例，我在其中添加了一些注释，希望能找到答案，帮助我更好地了解如何获得参考。
我也在寻找一些关于这个主题的非常好的解释，教程等。我想学习如何做ComponentQuery将是最好的，但我甚至不确定是不是这样。所以不用再多说了，代码就在这里。请看一下弹出窗口中的按钮事件，了解我希望弄清楚的事情。
Ext.define('MyApp.view.MyViewport', {
exten
浏览 1提问于2013-03-15得票数 0
回答已采纳
我有一个安卓系统的WebView。我在webview中从url加载页面，我想隐藏网页实际具有的一些元素。我是在页面加载之后做的。而且它在网页视图中只给出了“无”文本，除此之外什么也没有。我尝试了如下方法
@Override
public void onPageFinished(WebView view, String url) {
view.loadUrl("javascript:window.document.getElementsByClassName('cdo-search')[0].style.display='none';");
浏览 0提问于2017-03-20得票数 0
1回答
几天前，我决定在一个简单的vue.js、css3和javascript中实现html5。但是现在我不能像这样导入我的库：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LiloTechnology</title>
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
</hea
浏览 1提问于2017-05-22得票数 0
回答已采纳
在我的客户网站上，当点击“显示协议”链接时，我使用显示他们产品的许可协议。所以我将内联类型用于一个很长的文本块。它在桌面上工作得很好。但这会让在移动上陷入困境。
如果我正确理解，在桌面视图中，万能弹出将<html>设置为overflow: hidden，将弹出设置为position: fixed。在移动视图中，它不会做到这一点。
这将是好的，除了我的弹出框是如此高，它超过了我的网页高度。这意味着它开始在底部看起来支离破碎。
我很想让它像在桌面上一样在移动/iOS上工作，但我开始怀疑这是可能的。如果有人有什么想法，我很想听听。谢谢!
浏览 5提问于2014-04-08得票数 1
回答已采纳
3回答
谁能简单解释一下Extjs Javascript库中的viewport是什么？或者提供一个解释基础知识的链接。
提前谢谢你，
浏览 1提问于2011-09-19得票数 4
回答已采纳
1回答
我们有一个网站，使用谷歌地图静态地图功能嵌入地图到网页。这是没有问题的，我们只使用这样的东西：
<img src="http://maps.google.com/maps/api/staticmap?zoom=15&size=512x512&maptype=roadmap&markers=color:red|label:H|42.038322,-87.680260&sensor=false" />
我们现在正在为同一个客户创建一个移动站点。代码本身仍能工作，但我想知道如何确保我得到的地图不会覆盖整个屏幕，但仍然是可读的。有用于移动屏幕
浏览 0提问于2011-01-21得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
