- ベストアンサー
Dreamweaverで外部JSを読み込む際の設定について
- Dreamweaverを使用して外部JSファイルをテンプレートに埋め込む方法について説明します。
- テンプレートで手打ちしたJSファイルへのリンクが切れる問題を解決するための正式な操作方法について、詳しく説明します。
- 現在の対応としては、<head>タグ内に記述するのではなく、編集可能領域にJSファイルを読み込む記述をしています。しかし、より正攻法な方法が存在します。
- k-kazun
- お礼率75% (15/20)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
Dreamweaverでの外部jsファイルへのリンクの記述法です。 コードビューでhead内のscriptタグを入れたい位置にカーソルを置いて、オブジェクトパネルにある「スクリプト（を挿入）」ボタンを押します。 出てきたウインドウで、スクリプトのタイプや、外部jsファイルの選択などが出来ます。 テンプレートを使う場合、テンプレートと、それを適用したファイル、そこからリンクされるファイルのリンクの整合性をDreamweaverがチェックしますが、手入力でリンクを記述した場合は、これがうまく働かず、リンクが切れることがあるようです。 ですから、コードビューで直接手入力したりせず、上記の方法で外部jsファイルにリンクするときも、スクリプト挿入ウインドウで、リンクを手書きではなくフォルダアイコンをクリックして選ぶようにした方がいいと思います。 ただ、これは通常のaタグでのリンクの場合の対処法ですので、scriptタグ内のjsファイルのリンクで、この方法がうまく行くかどうかはわかりません。
その他の回答 (1)
- nekoteru77
- ベストアンサー率39% (30/76)
ターゲットファイルに対しての記述を相対位置表記から絶対位置表記へ変更されれば解決できます。 すなわち <script type="text/javascript" src="./js/abc.js"></script> を <script type="text/javascript" src="http://www.yourdomain.com/js/abc.js"></script>で如何でしょうか？
補足
nekoteru77 様 ご回答ありがとうございました。 なるほど！ちょっと目からウロコです。 絶対位置表記なら、フォルダ階層は無視できますね。 最初の質問時に書き忘れたのですが、 イメージとしては、DWでCSSを設定する際に、 CSSパネルのメニューで「スタイルシートを添付」という部分がありますよね。 このような形で設定できれば、階層が変わった際に、 自動で更新されると思ったのですが、 JSファイルに関しては、「スタイルシートを添付」のような設定はできないんでしょうか。
お礼
sandenn 様 ご回答、ありがとうございました。 さっそく、お教えていただいたように、 「スクリプト挿入」からリンクさせて、各フォルダ階層にテンプレートで作成したHTMLを置き検証してみました。 結果、うまくリンク更新できました！ ありがとうございます。 とても良い勉強になりました。