こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

JSの記述を別ファイルに移す

下記のHTML内の <script type="text/javascript">~</script> をtest.jsとして別ファイルに移す場合にどのように、記述するればよいのでしょうか。単純にコピペしたのですがうまくいきません。

初歩的だとは思いますが、ご指導をお願いします。



---------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/Draggable.js"></script>

</head>
<body>

<div id="test1" class="test"></div>
<div id="test2" class="test"></div>





<script type="text/javascript">

var test1 = new Draggable("test1");
var test2 = new Draggable("test2");

</script>
</body>
</html>

投稿日時 - 2011-02-13 17:08:18

QNo.6520051

すぐに回答ほしいです

質問者が選んだベストアンサー

var test1 = new Draggable("test1");
var test2 = new Draggable("test2");

も js/Draggable.js の中に いれてしまってはどうでしょうか?
がしかし、

1:<link href="css/style.css" rel="stylesheet" type="text/css" />
2:<script type="text/javascript" src="js/Draggable.js"></script>
3:</head>
4:<body>
5:<div id="test1" class="test"></div>
6:<div id="test2" class="test"></div>
となってるので,そのままいれたら オブジェクトを指定してくださいという
エラーが出ると思います。

jsファイルの中で
window.onload=function(){
var test1 = new Draggable("test1");
var test2 = new Draggable("test2");
}
としてみてはいかがかと。

<script type="text/javascript" src="js/Draggable.js"></script>
これで大丈夫です。ファイルがしっかり jsフォルダにはいっていれば。
jsファイルにエラーがなければいけると思います。

投稿日時 - 2011-02-13 17:43:08

お礼

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

投稿日時 - 2011-02-13 18:46:28

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問