在htm中加载.js文件

Question

我想知道加载static.js文件是什么样子的

使用 <script src="{% static 'js/base.js' %}" />

可能需要.js，因为我会像这里一样使用这个导航栏。登录名为红色框。 https://youtu.be/LOWjWRy_Kks?t=384

我试过了 从引导加载：

CSS格式

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

JS公司

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

我没有电影里那样的红框

https://zapodaj.net/images/46600ed652872.jpg

Answer 1

我不能很清楚地理解你的问题，但是我也不能评论。你知道吗

如果静态JS指的是计算机上的JavaScript，那么可以使用相对路径，即相对于HTML文件的路径。你知道吗

<script src="./src/index.js></script>

“/”用于指示当前路径，../可用于向上移动目录或换句话说返回。你知道吗

如果您想在HTML中直接嵌入JS，那么您可以通过以下方法来实现：

<script>
//your js here
</script>

在视频中，他碰巧正在使用JQuery，这是一个Javascript库，当您包含引导时，您碰巧也要导入它。你知道吗

如果您按Ctrl + Shift + I或打开开发人员控制台，您可以看到是否出现JavaScript错误。你看不到红框的事实很可能与CSS有关，而不是JS。你知道吗

如果你能用时间戳更新视频，那就很好了，还包括一些你的代码和你想做的事情。你知道吗

编辑：在评论中澄清后

这几乎可以肯定是CSS在起作用。如果您从教程中复制了CSS文件。您可以通过使用nth-last-child()或给元素一个类并设置样式，将以下CSS属性应用于元素。 下面是一个你想要的视觉效果的例子。你知道吗

.contact-button {
   padding: 20px;
   background: red; 
   color: white; 
   border-radius: 5px;
   transition: linear 1s;
}
.contact-button:hover {
   background: blue; 
}

但是，由于您使用的是引导程序，因此设置按钮样式非常容易。只需将btn btn-danger添加到按钮的类中，瞧。你知道吗

我之所以怀疑按钮没有显示它应该显示的方式，是因为它有一个不正确的类名，没有在css中设置样式，但是没有任何代码查看我只能怀疑。你知道吗

希望这能解决问题。如果不是的话，可以添加代码？你知道吗