• 締切済み

jsファイルでfaviconを指定したいのですが

複数のhtmlの共通部分を、別のjsファイルから読み込み、表示させるよう指定しています。 このjsファイルの中に、<head>～</head>の中身まで入れることはできますか？ 具体的には、link要素でのfaviconとcssの読み込みをhtml側ではなく、jsファイル側に記述することはできますでしょうか？

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

たとえばこんな感じ window.onload=function(){ var fav=document.createElement("link"); fav.setAttribute("rel","shortcut icon"); fav.setAttribute("href","hoge.ico"); document.getElementsByTagName("head")[0].appendChild(fav); var css=document.createElement("link"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); css.setAttribute("href","hoge.css"); document.getElementsByTagName("head")[0].appendChild(css); }

kami222
質問者

お礼

ありがとうございますo（_ _*o）

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • IEだけjsファイルを読み込まない指定

    よろしくお願いいたします。 IEだけに適用させたくないjsファイルがあり、 HTMLファイルの<head></head>内に、下記のように記述してみたのですが、 <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> IEだけでなく他のすべてのブラウザで適用されなくなってしまいました。 書き方が間違っているのでしょうか・・？ ソースは下記のようになっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="Description" content="あああ" /> <meta name="Keywords" content="あああ" /> <title>タイトル</title> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link href="import.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> 以下略 また、こちらのページを参考に記述いたしました。 http://blog.playunderworld.com/web/ie-conditional-comment/ もし原因をご存知でしたらお教えいただけたらと思います。 どうぞよろしくお願いいたします。

  • Flashで作ったメニューを含む画像を全ページ共通にしたいのですが（外部ファイル読み込み）

    カテゴリにCSSがなかったのでここに投稿させて頂きます。外部ファイルを読み込ませて全てのページで共通の画像などを表示する方法を詳しく教えて頂きたいのですが。 Flash MXでリンクをつけたメニューを作ってそれを全てのページで表示させたいのですが外部ファイルを作って読み込む方法がスマートだと検索エンジンから辿り調べてみたら書いてあるサイトを多数見つけたのですが具体的にどう記述したらいいのかわからないのですが教えて頂けないでしょうか。.jsファイルを作る事や.cssファイルを作る事など書いてありましたが具体的に中身の記述がよく分かりません。どうかよろしくお願いします。

  • favicon.ico

    CGIファイルでfavicon.icoでお気に入りアイコンを 乗せようとしましたが、エラーになりました。 記述は以下です。 sub do_read { print "Content-type: text/html\n"; print "\n"; print "$doctype\n"; print "<HTML>\n"; print "<HEAD>\n"; print "$contenttype\n"; print "<TITLE>$title</TITLE>\n"; print "<LINK REL="SHORTCUT ICON" href="favicon.ico">\n"; print "</HEAD>\n"; :::::::::::::::::::::::::::::::::::::::: print "<LINK REL="SHORTCUT ICON" favicon.ico">\n"; perlではfavicon.icoは使えないのでしょうか？ 使えるとすればどのように記述すればよいのでしょうか？

    • ベストアンサー
    • Perl
  • JS読み込み場所について

    JS読み込み場所について 下記のように聞いたのですが、 ＞＞＞ <script>要素を記述する場所は、大きく以下のように分類できます。 （1）<body>要素の配下（任意の位置） <script>要素での処理結果を、ページに直接出力するために利用します。昔はよく見かけた書き方ですが、コンテンツとコードとが混在するのは、ページの可読性／保守性の観点からも望ましくありません。現在ではほとんど使われることはありませんし、また、一部の例外を除いては使うべきではありません。 （2）<body>要素の配下（</body>閉じタグの直前） 一般的なブラウザーでは、スクリプトの読み込みや実行が完了するまで、以降の描画を行いません。このため、読み込みや実行に時間がかかるスクリプトは、そのままページ描画の遅れに直結します。巨大なスクリプトがある場合にはなおさらです。 そこで、ページ高速化の手法としてページの末尾（</body>の直前）に、<script>要素を配置することがよく行われます。これによって、ページの描画を終えたあと、おもむろにスクリプトを読み込み／実行できるので、見た目の描画速度が改善します。 一般的に、JavaScriptによる処理は、ページがすべて準備できてから行うべきものであるはずなので、これによる弊害もほぼありません。 （3）<head>要素の配下 ただし、（2）でまかなえないケースがあります。JavaScriptでは、「関数（Chapter 4）を呼び出すための<script>要素よりも、関数定義の<script>要素を先に記述していなければならない」というルールがあるためです（関数の定義、呼び出しがひとつの<script>要素にまとまっていても構いません）。たとえば、<body>要素の配下で呼び出す必要があるような関数は、<head>要素の配下で事前に読み込んでおく必要があります。 また、スクリプトからスタイルシートを出力するような状況でも、本文の出力に先立って<head>要素の配下で<script>要素を記述すべきです。 まずは（2）を基本とし、それでまかなえない場合にだけ（3）を利用する、と理解しておけばよいでしょう（本書でもそのルールに沿っています）。くり返しですが、（1）を利用する状況は、外部のウィジェットを埋め込むなどの状況を除けば、ほとんどありません。（1）を使いたくなったら、まずはほかの方法でまかなえないかを検討すべきです。 改訂版JS本格入門より ・同じJSファイル内であれば関数の定義と呼び出しは順番はどちらでも良いが、 別ファイルとして<script>タグで読み込む場合は定義が入ったファイルが呼び出しのファイルより先に記載されていないといけないということでしょうか？ ・ ＞＞＞ たとえば、<body>要素の配下で呼び出す必要があるような関数は、<head>要素の配下で事前に読み込んでおく必要があります。 これは具体的にどんなケースだと思いますか？ sectionなどのbody内の要素の高さをjqueryで取得設定するときなどで消化？ ・最後に良くCSSを当てるjsがDOMを読み込み終わってから実行されてガッタンとなることがあるのですが、このような場合はどこに書くべきなのでしょうか？

  • favicon.icoが表示されない

    環境：IE7　Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。（容量1K） index.htmlの内容は <head>、<meta>タグ、<title>ｘｘｘｘｘ</title>の後に <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="Shortcut Icon" type="img/x-icon" href="images/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> となっております。 IEのアドレスバーの左は、IEのマークのままです。 どなたか、ご経験のある方、アドバイスいただけると幸いです。

    • ベストアンサー
    • HTML
  • テンプレートファイルでＣＳＳファイルを読み込む指定をしましたが、うまく

    テンプレートファイルでＣＳＳファイルを読み込む指定をしましたが、うまく読みこめていないようで、 ＣＳＳファイルで指定した項目を意図した位置に表示することができません。 ＳＭＡＲＴＹを使ってます。テンプレートファイルにHTMLを記述しています。 環境は、ＷＩＮＤＯＷＳ　ＶＩＳＴＡにApacheを入れて動かしています。 このテンプレートファイル（reg.tpl）の中でのＣＳＳファイルの読み込みやCLASSの指定では次のように書いてます。 (1)reg.tplの内容です。 <HTML> <HEAD> <TITLE>{$title}</TITLE> {$form.javascript} <link rel="stylesheet" href="layout.css" type="text/css" /> 　→ここでＣＳＳファイルの読み込み指定 </HEAD> <BODY bgcolor="#FFFFFF"> <CENTER> <HR size="1" noshade> <B>{$title}</B> <HR size="1" noshade> <DIV id="l1" CLASS="userid">　→ここでＣＳＳファイルで設定したものを指定 <FONT size="2">{$form.user_id.label}：</FONT> {if $form.user_id.error } <font size="2">{$form.user_id.error}</font><BR> {/if} {$form.user_id.html} </DIV> ～中略 (2)layout.cssの内容です。 .userid { position : absolute; top: 545px; left: 150px; width: 5%; border:0px solid #FFB6C1; } (3)ファイルの設置場所は次の通りです。 ┳templates━reg.tpl ＿＿＿＿＿＿┗layout.css (4)layout.cssをサーバーにアップロードして、上記(1)のreg.tplの<link …の指定部分を次のように絶対パスに変更すると layout.cssが正常に読み込めます。（userid項目がcssファイルに指定した位置に表示されます） <link rel="stylesheet" href="http://www.****.com/layout.css" type="text/css" /> (5)<link …で(1)のように指定した場合、layout.cssとreg.tplが同じフォルダにあれば実行しても cssファイルが読み込めると認識していたのですが読み込めません。 index.htmlファイルとcssファイルを同じフォルダにおいて、index.htmlの中に(1)の<link …のようにファイル名のみの記述をするとうまく読み込めます。 テンプレートファイルの中で使う項目にＣＳＳファイルを利用して自由なレイアウトを実現したいのですが、絶対パスでＣＳＳファイルを指定する方法以外にないのでしょうか？ 分かる方、ご教授下さい。

    • ベストアンサー
    • HTML
  • faviconが表示されません

    質問させていただきます、よろしくお願い致します 件名の通り、設定したfaviconが表示されません ファイルには、以下のソースを<head>タグ内に記述していあります <link rel="shortcut icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> クロームで見たとき、ローカルでは表示されましたが、 サーバーにアップロードすると表示されなくなりました。 アップロードしたソースを表示して、そこのアドレスからfavicon.icoに飛ぶと表示されるので、リンク切れではないと思います。 ＩＥでは、ローカルでもアップロードした場合でも表示されません。 よろしくお願い致します。

  • JSP内で外部jsファイルを指定する

    昨日から散々悩んでいます。 tomcatのJSPから外部jsファイルが読み込めません。 最初htmlのみでテストしたのですが そのときは何の問題も無く動きました。 URLの指定の仕方かなと思いましたが、 cssのほうは同じ指定の仕方で効いています。 <!---------- JSP内容 ------------------------> <!-- [テスト]ボタン押下でscript実行 --> <html> <head> <title>テスト</title> <script Language='JavaScript' 　　　type='text/javascript' charset="shift_jis" src='/Test/script/Script.js'> </script> <script language='JavaScript' type='text/javascript'> <!-- function test(){ jstest(); } function test1(){ alert("test1:OK"); } // --> </script> <link rel="stylesheet" href="/Test/css/Style_ver1.css" type="text/css"> </head> <body> <form> <input type='button' class="button" value='テスト' onclick="test()"> </form> </body> </html> <!---------- 外部js内容------------------------> function jstest(){ alert("jstest:OK"); } <!---------------------------------------------> onclick="test1()"にすると動きます。 以前に作られた別アプリケーションのJ2EEのソースを見ると、 src=<c:url とcoreタグが使用されています。 coreタグの使用なしにURLを書くことはできないのでしょうか？ すいませんが、どなたか教えてください。 宜しくお願いします。

    • ベストアンサー
    • Java
  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば１．文字の大きさ２．リンク下線消し３．行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか？ それとも一つのファイルには一つの設定しか書けないんでしょうか？ あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか？ そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか？ いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • shellでワイルドカードを使った複数ファイルの指定について

    お世話になります。 Linuxのbash上でワイルドカードを使って複数の数字のみのファイルを複数一括指定する方法がわかりません。 （単独ではそれぞれ指定できるのですが・・・） 具体的には 1～9までの.jsファイルと 10～20までの.jsファイル。 を同時に指定したいのです。 単独では $ ls -1 ./[1-9]\.html ./1.js ./2.js ./3.js ./4.js ./5.js ./6.js ./7.js ./8.js ./9.js $ ls -1 ./[1-2]?\.html ./10.js ./11.js ./12.js で指定できるのですが、上記を一度に指定するにはどうすればよいのでしょうか。()や[]|+等を使って色々やってみたのですが、上手くいきません。 お手数ですがご教授願えませんでしょうか。宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する