如何在崇高的文本2上運行JavaScript？

-1

我正在創建草繪板，並想知道如何在Sublime Text 2中創建JavaScript文件。當我保存文件時，是否將它保存爲index.js？通過這樣做，這是否意味着該文件是一個JavaScript文件？如何在崇高的文本2上運行JavaScript？

我已經完成了以下工作，但它並沒有真正奏效。因爲我在html/css中創建了一個按鈕，並希望使用jQuery給它一個淡入淡出效果，並且當我製作代碼並應用它時，什麼都沒有發生。

那麼如何讓JavaScript和HTML鏈接到Sublime Text 2？

<!DOCTYPE html> 
<html> 
<head> 
    <title>Etch-A-Sketch</title> 
    <link rel="stylesheet" type="text/css" href="etchASketch.css"> 
    <script type="text/javascript" href="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
    </script> 
    <script type="text/javascript" src = "etchASketch.js"></script> 
</head>

來源

2017-05-28 Fatima A.

'* .js'是一個javascript文件，所以是的。你需要保存一個文件（例如'etchASketch.js'）。你的jQuery不會工作，因爲'href'而不是'src'的使用 – natanelg97

有許多方法來創建崇高文本2

JavaScript文件從菜單欄：

文件 - >新建文件

後，從：查看 - >語法 - > JavaScript

您只需選擇一個JavaScript文件即可。

另一種簡單的方法：

在崇高創建新文件，然後用.js文件保存等擴展yourAppName.js

還要確保將您的JavaScript文件放在您在源屬性爲0中指定的適當路徑中標籤。

<script type="text/javascript" src="todos.js"></script>

注意在src="todos.js"我沒有：

，我包括我把我的HTML文件，JavaScript文件在同一文件夾 託多斯列表

首先檢查圖像那麼我可以用html頁面的鏈接我的JavaScript文件不放置js文件的完整路徑，因爲它們已經在同一個文件夾中。但是如果您的JavaScript文件位於不同的文件夾中，則應該放置完整路徑以便將其與html頁面鏈接起來。

更新：

我檢查你的項目images album和我考it.it非常完美和腳本文件沒有任何錯誤鏈接的罰款。

但是我發現你的CSS文件有一個缺陷，它阻止你在你的按鈕上查看jQuery事件的效果。

.highlight{ 
    background-color: cyan; 
}

檢查這個完整測試項目，對於您的情況制定完善：

https://codepen.io/anon/pen/MmMNdR

$(document).ready(function(){ 
    $("button").mouseenter(function(){ 
     $("button").addClass("highlight"); 
    }); 
});

你應該爲了測試你的jQuery的事件聲明highlight類上CSS文件

我希望這可以解決您的問題。

來源

2017-05-28 12:38:38 Oghli

謝謝，那是很有幫助。 –

歡迎您！如果您發現我的答案有用，請按下正確的按鈕接受它。 – Oghli

@FatimaA。我發現你的問題，並修復它檢查我更新的答案。 – Oghli

*.js是一個JavaScript文件擴展名。

<script>標籤上沒有href屬性，這可能是jQuery不能爲您工作的原因。更改href到src：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

來源

2017-05-28 09:41:07 natanelg97

好吧，所以我試過了，但仍然沒有。你想看看我的代碼，也許有什麼問題嗎？我在下面附上了一張帶有HTML，CSS和JavaScript代碼圖片的專輯，最後一張圖片顯示它們全都位於相同的文件夾中（其突出顯示的文件）http://imgur.com/a/VLr5t –

你可能知道<img>標籤是如何工作的。當涉及到鏈接的東西時，<script>標籤也是如此。例如，當您鏈接來自您的本地計算機的圖像時，您必須給出文件的位置，如<img src="users/name/desktop/image.png">，同樣，當您從本地計算機鏈接腳本時，您必須提供文件位置，如<script src="users/name/desktop/myScriptFile.js"></script>，現在同樣適用於你的電腦，說外鏈從這個鏈接https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js，所有你需要做的就是替換本地鏈接鏈接外，如：

FROM

<script src="users/name/desktop/myScriptFile.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

及其src不href

來源

2017-05-28 09:50:23

好吧，所以我嘗試過，但仍然沒有。你想看看我的代碼，也許有什麼問題嗎？我在下面附上了一張帶有HTML，CSS和JavaScript代碼圖片的專輯，最後一張圖片顯示它們也都在同一個文件夾中（其突出顯示的文件）imgur.com/a/VLr5t –

如何在崇高的文本2上運行JavaScript？

回答

相關問題