亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 html 中加載 .js 文件

在 html 中加載 .js 文件

繁星coding 2022-05-19 16:19:06
我想知道加載靜態 .js 文件的樣子采用 <script src="{% static 'js/base.js' %}" />可能需要 .js,因為我會嘗試像這里一樣使用這個 NavBar。登錄有紅框。 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
查看完整描述

1 回答

?
開滿天機

TA貢獻1786條經驗 獲得超13個贊

我不能很清楚地理解你的問題,但我也不能發表評論。


如果靜態 JS 是指計算機上的 JavaScript,那么您可以使用相對路徑,即相對于您的 HTML 文件的路徑。


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

./ 用于指示當前路徑,../ 可用于向上移動目錄或返回。


如果你想將 JS 直接嵌入到 HTML 中,那么你可以簡單地這樣做:


<script>

//your js here

</script>

在視頻中,他碰巧使用了 JQuery,它是一個 Javascript 庫,當您包含 Bootstrap 時,您碰巧也在導入該庫。


如果您按下Ctrl + Shift + I或打開開發者控制臺,您可以查看是否出現了 JavaScript 錯誤。您看不到紅框的事實很可能與 CSS 而不是 JS 有關。


如果您可以使用時間戳更新視頻,那就太好了,并且還包括一些您的代碼和您正在嘗試做的事情。


編輯:在評論中澄清后


這幾乎肯定是 CSS 在起作用。如果您從教程中復制了 CSS 文件。您可以將以下 CSS 屬性應用于元素,方法是使用nth-last-child()或給它一個類并對其進行樣式設置。以下將是您想要的視覺效果的示例。


.contact-button {

   padding: 20px;

   background: red; 

   color: white; 

   border-radius: 5px;

   transition: linear 1s;

}

.contact-button:hover {

   background: blue; 

}

但是,由于您使用的是引導程序,因此為按鈕設置樣式非常容易。只需添加btn btn-danger到按鈕的類中,瞧。


我懷疑按鈕沒有顯示它應該的方式的原因是因為它有一個不正確的類名,沒有在 css 中設置樣式,但是沒有任何代碼可以查看我只能懷疑。


希望這能解決問題。如果沒有,也許添加代碼?


查看完整回答
反對 回復 2022-05-19
  • 1 回答
  • 0 關注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號