link 要素を自動的に調べる事もできますが、このコードは link 要素の順番を指定する必要があります。そのほうが単純なコードになるのでそうしました。( 最初から無い場合は link 要素を追加すれば良いです ) 実際、ブラウザによって違う変更方法があるのですが、共通はこの方法です。Google Chrome と Safari は、image/x-icon が必要です。 このページのみ追加していますので確認して下さい
<script type="text/javascript">
function changeIcon(URL,no) {
var target = document.getElementsByTagName("link")[no];
target.parentNode.removeChild(target);
var link = document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = URL;
document.getElementsByTagName("head")[0].appendChild(link);
}
changeIcon("http://winofsql.jp/ginpro.ico",0);
</script>
関連する記事 Favicon の動的変更の裏側
タグ：javascript
|
|
【WEBブラウザの最新記事】
- CSS の @media screen と IFRAME を使用して PC コンテンツとスマホページを完全に別作成して切り替える
- WEB ブラウザで WEBカメラから静止画像を canvas へ転送して、その画像をローカルへ保存するテンプレート
- WEB ブラウザで WEBカメラをテストするテンプレート / Android Chrome でテストすると【今は】カメラの front と back を切り替えできます
- iPhone を EpocCam というアプリで Wi-Fi の WEBカメラにする場合のいろいろ知っておく事。
- ブラウザ別『Java 無効』
- IE、Firefox、Chrome、Opera、Safari で JavaScript を無効にする
- ブラウザの入力履歴の削除( 特にパスワード )
- IE、Firefox、Chrome、Opera、Safari のキャッシュ削除のショートカット
- ブラウザを使用した簡易パーセントエンコーディング変換
- 各ブラウザで、onbeforeunload を使おうとすると
- ２０１４年７月７日現在。WEBフォントの実際
- IE の占める割合の変遷と IE8 でないと動かないシステムの現実
- Flash Playerに危険な脆弱性( またかというかこっちもか )。13.0.0.206 である事を確認しましょう。
- デベロッパーツールを使用してクッキーの一覧を表示する
- Seesaa ブログの『保存ボタンが表示されない』
- Firefox のみのレイアウトトラブル / float:left と line-height
- ブラウザ毎の「開発者ツール」の起動と知っておくべき要点
- ブラウザ別『ソース』の表示
- 各ブラウザの現在の「document.charset」と「document.characterSet」
- Opera の window.open のバグ
