Dreamweaver で外部JSを読み込む際の設定について

解決済

質問者：k-kazun
質問日時：2008/02/15 00:47
回答数：2件

初めまして。
Dreamweaver の使い方に関する質問です。

DWでテンプレート（dwt）に外部JSファイルを埋め込む際の方法についてですが、
<head>～</head>間に手打ちで<script type="text/javascript" src="./js/abc.js"></script>のように記述しています。
しかし、この方法だとJSファイルへのリンクが切れるページが出てきます。
というのは、テンプレートで作ったページがすべて同じ階層のフォルダにあるわけではないので、
テンプレートで手打ちした部分が、深い階層のページにまで反映されない状態です。

ちょっと説明がヘタですが、わかりますでしょうか？

今はとりあえず、<head>～</head>間には記述せず、編集可能領域にJSファイルを読み込む記述をして対応していますが、
何か、正攻法というか、正式な操作方法などはあるのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： sandenn
回答日時：2008/02/16 09:20

Dreamweaverでの外部jsファイルへのリンクの記述法です。

コードビューでhead内のscriptタグを入れたい位置にカーソルを置いて、オブジェクトパネルにある「スクリプト（を挿入）」ボタンを押します。
出てきたウインドウで、スクリプトのタイプや、外部jsファイルの選択などが出来ます。

テンプレートを使う場合、テンプレートと、それを適用したファイル、そこからリンクされるファイルのリンクの整合性をDreamweaverがチェックしますが、手入力でリンクを記述した場合は、これがうまく働かず、リンクが切れることがあるようです。
ですから、コードビューで直接手入力したりせず、上記の方法で外部jsファイルにリンクするときも、スクリプト挿入ウインドウで、リンクを手書きではなくフォルダアイコンをクリックして選ぶようにした方がいいと思います。

ただ、これは通常のaタグでのリンクの場合の対処法ですので、scriptタグ内のjsファイルのリンクで、この方法がうまく行くかどうかはわかりません。

- 1
- 件

通報する

この回答へのお礼

sandenn 様
ご回答、ありがとうございました。

さっそく、お教えていただいたように、
「スクリプト挿入」からリンクさせて、各フォルダ階層にテンプレートで作成したHTMLを置き検証してみました。
結果、うまくリンク更新できました！

ありがとうございます。
とても良い勉強になりました。

通報する

お礼日時：2008/02/16 10:21

No.1

回答者： nekoteru77
回答日時：2008/02/15 17:10

ターゲットファイルに対しての記述を相対位置表記から絶対位置表記へ変更されれば解決できます。

すなわち
<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ファイルに関しては、「スタイルシートを添付」のような設定はできないんでしょうか。

補足日時：2008/02/15 22:11

通報する