理想:http://iswebmag.hp.infoseek.co.jp/sample171.html
※↑IEでは動作するけどFFで動作しない
こんな感じの動作をページ読み込み時に自動で実行したいのですが、
FireFox3では上手く動作しないようです。
何かいい方法はありませんでしょうか?
html
<body>
<script type="text/javascript" src="roadcss.js"></script>
</body>
_____
roadcss.js
function roadcss(){
document.createStyleSheet('http://file.tubamesound.blog.shinobi.jp/clap.css …
document.getElementsByTagName('center')[1].className="hide";}
roadcss();
もちろん<head>内で直接読み込めばいいよとかはなしですよ?
No.3ベストアンサー
- 回答日時:
>もちろん<head>内で直接読み込めばいいよとかはなしですよ?
あるいみ正解。jsでヘッダにlinkタグを組みこみます。
そもそもスタイルシートはheadにしか書けないはずなので、
少なからずこれに似たような形になると思います。
html
<html>
<head>
<script type="text/javascript" src="roadcss.js"></script>
<script type="text/javascript">
window.onload=roadcss
</script>
</head>
<body>
test
</body>
</html>
roadcss.js
function roadcss(){
var tag=document.createElement('link');
tag.setAttribute("tyle","text/css");
tag.setAttribute("rel","stylesheet");
tag.setAttribute("href","http://file.tubamesound.blog.shinobi.jp/clap.css …
document.getElementsByTagName('head')[0].appendChild(tag);
}
おー、そうきましたか~
このjsを
<body onload="roadcss();">
<script type="text/javascript" src="roadcss.js"></script>
</body>で読み込んだりするのは
やっぱり無理かなぁ・・・無理そうだなぁ・・・
明日やってみます、ありがとうございました。
No.4
- 回答日時:
あ、bodyで呼び出したかったんでしたっけ・・・
<html>
<head>
・・・
</head>
<body>
test
<script type="text/javascript" src="roadcss.js"></script>
<script type="text/javascript">
window.onload=roadcss
</script>
</body>
</html>
でいけるんじゃないかなぁ・・・
おや、わざわざ補足ありがとうございます。
window.onload=roadcss();
じゃなくてもいいのかな?
私はroadcss.jsの最後にroadcss();で処理しました。
とにかく解決できた。
ありがとうございました。
No.2
- 回答日時:
と思ったら、 document.createStyleSheet() はIE(Trident)専用の
メソッドのようです。
他のブラウジングエンジンにも対応するなら
document.createElement('style');
を使用しましょう。
参考URL:http://d.hatena.ne.jp/amachang/20070703/1183436785
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onLoadをbodyタグ以外で使用する
-
javascriptでalertの文字列をコ...
-
【javascript クロスブラウザ...
-
指定の年月日時にcssを自動で切...
-
このDOCTYPEは、何なんでしょう...
-
変数の代入値を外部の.txtファ...
-
htmlソースの取得方法
-
<a href="#" …>の意味を教えて...
-
あなたのXAMPPのdashboard内のj...
-
別ファイルのfunctionの読み込み方
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
マウスオーバー+クリカブルマッ...
-
スマホ上で、左右スワイプで次...
-
getElementsByNameで要素が取得...
-
時間によってリンク先を変える...
-
新しいウィンドゥを最大化で立...
-
インラインフレームをドラッグ...
-
javascriptファイルは1つに統...
-
他のフレームのスクリプトを実...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
onLoadをbodyタグ以外で使用する
-
変数の代入値を外部の.txtファ...
-
【javascript クロスブラウザ...
-
1 ~ Nまでの整数の総和(1+2+3....
-
javascriptにてonclickを無効
-
特定のページから移動してきた...
-
JavaScript で指定した月日に別...
-
楽天商品検索APIをjavascriptで...
-
指定の年月日時にcssを自動で切...
-
「jQuery」アニメーションをル...
-
macでjavascriptを記述するには...
-
セキュリティ保護の警告が出な...
-
type="text/javascript"
-
Refreshの回数
-
htmlソースの取得方法
-
文字をクリックすると詳細文章...
-
javascriptでページ内の一部分...
-
画像ファイルのアドレスに今日...
-
ホームページ上で残り日数をカ...
おすすめ情報