ブラウザのお気に入り(ブックマーク)に登録

ブラウザのお気に入りに登録するには、Firefoxではwindow.sidebar.addPanelメソッド、IEではwindow.external.AddFavoriteメソッドを使用します。

  • ※ Firefoxのバージョン23以降とSafari、Chrome、OperaはJavaScriptによるお気に入り登録はできません。
    代わりにHTML5(a要素のrel属性の値にsidebarを設定)での対応で実装できます。

構文

window.sidebar.addPanel(url, siteTitle);

IE

window.external.AddFavorite(siteTitle, url, '');

引数

引数名 説明
url
必須
string 登録するURLの文字列
siteTitle
必須
string 登録するサイトタイトルの文字列

サンプルコード

window.sidebar.addPanel/window.external.AddFavoriteメソッドの場合のサンプルコードです。

JavaScript

var sampleElement = document.getElementById('sample');

var bookmark = function(targetLink) {
	var siteTitle  = document.title,
		currentURL = location.href;

	if (window.sidebar && window.sidebar.addPanel) {
		window.sidebar.addPanel(currentURL, siteTitle);
	} else if (window.external && 'AddFavorite' in window.external) {
		window.external.AddFavorite(currentURL, siteTitle);
	} else if (window.print && targetLink) {
		targetLink.href  = currentURL;
		targetLink.title = siteTitle;
	}
};

// クリックしたら登録
sampleElement.onclick = function() {
	bookmark(this);
};

a要素のrel属性値sidebarの場合のサンプルコードです。

HTML

<p><a href="#" rel="sidebar" id="sample">お気に入りに登録</a></p>

デモ

お気に入りに登録

JavaScript逆引きリファレンス一覧へ戻る