人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLの中にメンテナンスを楽にするために外部ファイル(JavaScriptファイル?)を埋込みたいのですが、良い方法を教えてください。お願いします。

●質問者: izumi6878
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML JavaScript ファイル メンテナンス
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● ElekiBrain
●35ポイント

http://q.hatena.ne.jp/1155311234(ダミーURL)

<script type="text/javascript" src="リンクするjavascriptのURLを記入"></script>

とすれば埋め込めます。

◎質問者からの返答

ありがとうございました。


2 ● strawhat
●35ポイント

もしかしたら、1の回答のように別ファイルを読み込んでいる所にjavascriptのソースを直接書いてしまいたいということでしょうか。もしそうなら、

<script type="text/javascript" src="ファイル名.js"></script>

となっている部分を、

<script type="text/javascript">
<!--
ここに別ファイルになっているソースを貼り付ける
//-->
</script>

とすればうまくいくと思います。

http://www.rsch.tuis.ac.jp/~mizutani/online/javascript/write...

◎質問者からの返答

ありがとうございました。


3 ● ElekiBrain
●10ポイント

さらにもしかしたら、なのですが、

(javascript?)とクエスチョンつきで書かれていたので、外部ファイルを読み込むこと自体に注力がある気がしました。

それならば、インラインフレームなどを使う、CSSを別ファイルにして読み込む、という手があります。


インラインフレームの導入方法:

<iframe src="挿入したいHTMLのURLを記入" width="500px" height="500px">

</iframe>

とすれば、今編集しているサイトから別のHTMLを枠内に呼び出すことが可能です。枠のサイズは例では500pxで固定さていますが、任意で指定可能です。


CSSの導入方法:

任意の名前.CSSという名前でCSSファイルを作成。それを読み込む際には、HTML側で

<link rel="stylesheet" type="text/css" href="CSS名.css" />

とすれば読み込めます。

なお、CSSそのものの意味がよく分からない、という場合には、

以下のサイトが参考になります。


『CSS入門』(初心者向け)

http://msugai.fc2web.com/web/tut/CSStut/CSSis.html

『やさしいホームページ入門』(初心者向け)

http://msugai.fc2web.com/web/tut/CSStut/CSSis.html

『CSS Dencitie』(中級者から上級者向け。高度)

http://msugai.fc2web.com/web/tut/CSStut/CSSis.html

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ