外部ファイルにJavaScriptを移動させる場合

[新着] Webテンプレートを仮オープンしました

0   名前： piyo ： 2007/01/15（月） 13:32  ID:Us.c/hI9
はじめまして。
現在ＨＰをリニューアルしようと作成しています。ＳＥＯ対策のために、htmlファイルに記述しているJavaScriptを、
外部ファイルに移動させようとしています。
サイトには、htmlファイル・ＣＳＳと現在あります。JavaScriptは、別にまたファイルを作った方が
いいのでしょうか？それとも、ＣＳＳファイルの中に入れていいのでしょうか？

初歩的な質問で申し訳ありません。よろしくお願いいたします。

1   名前： 匿名 ： 2007/01/15（月） 13:32  ID:eSgnLOHq
どうすればCSSの中にJavaScriptを入れられるんですか？
2   名前： 飛桶 ： 2007/01/15（月） 13:32  ID:WoLId6Zy
>>1
入れるのは簡単なんだけど、動かないんだよね。どうして？
3   名前： カヅサツ ： 2007/01/15（月） 13:32  ［URL］  ID:lY9L7AMa
>>0
> JavaScriptは、別にまたファイルを作った方がいいのでしょうか？
> それとも、ＣＳＳファイルの中に入れていいのでしょうか？

CSSファイルに JavaScriptを書いても動かないので、後者の選択肢は必然的にあり得ません。
4   名前： piyo ： 2007/01/15（月） 13:32  ID:Us.c/hI9
匿名さん、飛桶さん、カヅサツさん、コメントありがとうございます。
ＣＳＳファイルには入らないんですね。
書籍類には、ＣＳＳファイルがある場合のケースが記載していなかったので、迷っていました。
別にファイルを作ります。
ありがとうございます。_(_^_)_
5   名前： piyo ： 2007/01/15（月） 13:32  ID:Us.c/hI9
<script>タグから</script>まで切り取り、メモ帳にコピーし、java.txtで保存。
サーバーに変更したページと独立させたvabascriptを転送。

確認しても、背景しか画面に表示されません。
なぜなのでしょう？
htmlソースでは、<script type="text/javascript" src="java.txt">と記述したところまでが
紫色で表示されていて、その後のソースは黒色で表示されます。



htmlソ−ス　↓

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
<HEAD>
<META http-equiv="content-type" content="text/html; charset=Shift_JIS">
<META http-equiv="content-style-type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows">
<link rel="STYLESHEET" href="st.css" type="text/css">
<title>カルシウム不足が気になる方へ。サプリメント菓子＜珊瑚夢物語＞通販</title>
<script type="text/javascript" src="java.txt">
</head>

メモ帳で保存したjabascript　　↓


<script language="JavaScript">
<!--
function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}
function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}
function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}
-->
</script>


6   名前： JAB ： 2007/01/15（月） 13:32  ID:jdIg.a7o
まず一つ、script要素の閉じタグが記述されていません。
二つ目は、JavaScript外部ファイルは拡張子がjsでないといけません。
三つ目は、外部ファイル内にはスクリプト本文のみを記述します。また、コメントタグも外部ファイルでは無意味です。

それらを踏まえて修正すると

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
<HEAD>
<META http-equiv="content-type" content="text/html; charset=Shift_JIS">
<META http-equiv="content-style-type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows">
<link rel="STYLESHEET" href="st.css" type="text/css">
<title>カルシウム不足が気になる方へ。サプリメント菓子＜珊瑚夢物語＞通販</title>
<script type="text/javascript" src="java.js"></script>
</head>

メモ帳で保存したjavascript　　↓


function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}
function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}
function subWin1(){
window.open("sample.html","banner","resizable=yes,menubar=no,directories=no,status=yes,location=no,scrollbars=no,toolbar=no,width=540,height=490");
}

となります。
7   名前： piyo ： 2007/01/15（月） 13:32  ID:Us.c/hI9
できました！
ＪＡＢさん、ソースも書き換えてくださり、ありがとうございます。
前のソースと見比べて、どこの部分がいけなかったのかはっきりわかります。

書籍では、script要素の閉じタグのことは記載されてませんでした。
JavaScript外部ファイルは拡張子がjsについては、書籍では○○○.jsとファイル名が
ついていましたが、ファイルの種類のところがテキストファイル（txt）となっていたので
勘違いして、jsをつけていませんでした。
外部ファイル内にはスクリプト本文のみを記述することも、知りませんでした。
htmlソースから切り取ったものを、そのままメモ帳に貼り付けることしか記載してなかったので。

書籍やネットからの独学では無謀なのでしょうか。（ウルウル）
今回、とても勉強になりました。
本当にありがとうございます。



一覧へ戻る