![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
背景色をjsで指定する方法
下のようにやっていますが、うまくいきません。
→bgcolor="#cecfff" とメモ帳で記述
→color.jsとしてsave
→color.jsをftpのローカルに入れる
→html(ホームページ)の<body>の下に以下を挿入
<SCRIPT SRC="color.js"></SCRIPT>
→color.jsと更新したサイトをサーバーに転送
間違っているところをご指摘ください。
フッターのjsはうまくいきました。
また、背景色を指定するにはjs以外の方法があれば、
教えてください。
No.2ベストアンサー
- 回答日時:
設定だけで読み込んでいないことが原因かもしれません。
とりあえず、color.jを以下のように。
function init{ document.bgColor="#cecfff"; }
それで、呼び出し元のHTMLファイルのbodyタグを以下のように。
<body onLoad="init();">
(もちろん、<script src="color.js"></script>はそのままで)
ただ、このように、読み込み時に一度設定するだけでいいのなら、スタイルシートを使うほうがしっくりきますね。
方法は、
BODY{ background-color : #cecfff; }
というファイルを作り、color.css として保存。
呼び出し元HTMLファイルの<head>~</head>の中に、
<link rel="stylesheet" type="text/css" href="color.css">
と記述するだけです。
蛇足。
HTMLやJavaScriptの中では、シングルコーテーションとダブルコーテーションは、どちらでも構わないようです。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
No.3
- 回答日時:
{document.bgColor = "#cecfff";}
>→html(ホームページ)の<body>の下に以下を挿入
<HEAD>~</HEAD>内に挿入でしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルVBA ダブルクリックしたら色反転を指定したセルのみにしたい 2 2022/04/06 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- JavaScript functionはhtmlやjsに2度使えませんか 2 2022/08/03 19:55
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- バックアップ アプリJSバックアップについてGalaxynote2を使ってます。 バックアップしても本体ストレージ 1 2022/06/28 03:12
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Dreamweaver で 外部JSを読み込...
-
ホームディレクトリを示すチル...
-
javascriptを2つ使うと1つの...
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
別ファイルのfunctionの読み込み方
-
JavaScriptのエラー ( 関数の...
-
プルダウンメニューを別ファイ...
-
javascript内で外部ファイルを...
-
背景色をjsで指定する方法
-
複数のJavascriptを1つのscrip...
-
外部読み込みで動かないときの...
-
ASP.NETでjsファイルのリンクの...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
bodyにidをつける理由は何ですか?
-
function の return 値を表示し...
-
親フレームのURLによって、...
-
ウインドウの後ろに隠れている...
-
location.reload() について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
javascriptのalertで文字化けが...
-
呼出したjsファイル内で他jsフ...
-
【Google Apps Script】「ライ...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
JavascriptとJqueryを混在し記述
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptの外部ファイルで行...
-
ホームディレクトリを示すチル...
-
外部ファイル名を変数で指定で...
-
JavaScript内の関数を別のファ...
-
なぜ外部jsファイルはコメント...
-
外部.jsの内容を一部置き換えて...
-
外部読み込みで動かないときの...
おすすめ情報