• Top»
  • 小技集»
  • JavaScript»
  • 第９回：閲覧しているサイトへのリンクタグを生成するブックマークレット

第９回：閲覧しているサイトへのリンクタグを生成するブックマークレット

2007年08月15日 03:11

小技集 BookmarkletJavaScript

どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。

ブログを書いていると、他のブログのエントリーへのリンクを貼ったりという作業がたくさん発生します。その場合、お作法としてHTMLの<title>タグをリンク文言にするんだけど、ページのプロパティとかソースとかみないとコピーできないから超メンドウ。

<!-- こういう感じにしたい -->
<a href="リンク先URL" target="_blank">リンク先のページタイトル</a>

そこで、バシッとリンクタグを生成してくれるブックマークレットを作りました
以下のリンクをブックマークに登録してください。

Link This Page

中身はこんな感じです。

javascript:var ret=window.prompt('このページへのリンク','<a href="'+location.href+'" target="_blank">'+document.title+'</a>');

使い方は、リンクをはるページを開いてブックマークを押すだけ。
JavaScriptのプロンプトでリンクタグを表示するのでコピーするだけ。

関連エントリー

・第13回：URLエンコードとURLデコードを簡単にするブックマークレット
・第12回：引用（blockquote）をCSSと画像でそれらしく見せる方法
・第11回：引用（blockquote）を簡単にするブックマークレット
・第10回：Windowsフォントをアンチエイリアスでキレイに見せる方法
・第９回：閲覧しているサイトへのリンクタグを生成するブックマークレット
・第８回：Twitter JavaScript Badges の日付フォーマットを自由にカスタマイズ
・第７回：サムネイル作成APIをJavaScriptで簡単に切り替える方法
・第６回：TinyURL の遷移先が怖くて開けない場合の対処法
・第５回：twitter の JavaScript Badge を改造する
・第４回：twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる
・第３回：JavaScriptで画像サイズと合ったポップアップウィンドウを開く
・第２回：タグに関わる基本的な事
・第１回：CSSで画像にborderをつけてみる

同じカテゴリーの記事

このページの一番上に戻る
  • Facebook
  • Twitter
  • Tumblr
  • Instagram
  • miil