web-dev-qa-db-ja.com

ローカル開発環境のスクリプト 'src' URLを記述する正しい方法は何ですか？

私はローカル環境で作業していますが、関数が機能していないため、src URlを正しく記述したかどうかわかりません。太字のスクリプトタグには、問題のsrcがあります。

<!DOCTYPE html>
<html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="http://www.parsecdn.com/js/parse-1.2.2.min.js"></script>

    **<script src="/Users/myUserName/Desktop/myPage.js"></script>**

    </head>
    <body>
        <div id="mainDiv">
            <p><a href="#">anchor</a></p>
        </div>
    </body>
</html>
javascriptlocalhostsrc
20
Spilot

Jsファイルを呼び出すためのsrcタグを次のように記述します

<script type='text/javascript' src='../Users/myUserName/Desktop/myPage.js'></script>

これは動作するはずです。

26
ARC

ブラウザはウェブサーバーのルートからそれらのアセットを探していると思います。これは、実際にウェブサーバーを使用せずにマシンで開発を開始するのが簡単であるためです（ブラウザからローカルファイルをロードするだけで）

Htmlとcss/jsを一緒にパッケージ化することから始められますか？

次のようなディレクトリ構造：

-yourapp
  - index.html
  - assets
    - css
    - js
      - myPage.js

次に、script index（index.htmlから）は次のようになります。

<script src="assets/js/myPage.js"></script>

Htmlとアセットを1つのディレクトリにパッケージ化することの追加の利点は、ディレクトリをコピーして他の人に渡すか、別のマシンに配置すればうまく機能することです。

15
dm03514