jQueryを使ってHTMLのhead内にアクセス:実験メモ
jQueryを使うと、HTML内のいろいろなタグにアクセスできて、
簡単にそれらを操作することができる。
けど、head内って操作することできるのかな?
一応htmlだしできるよね?なんて疑問に思ったので、
とりあえず試してみた。
いろいろなスクリプトを試してみる
試してみたスクリプトと、
それぞれの結果をプレビューしておきます。
尚、プレビューは、それぞれの中身をtext表示しています。
■ document.domain
document.domainのプレビュー
■ document.title
document.titleのプレビュー
■ document.URL
document.URLのプレビュー
■ $("title").text()
$("title").text()のプレビュー
■ $("title").html()
$("title").html()のプレビュー
■ $("meta[name=description]").attr("content")
$("meta[name=description]").attr("content")のプレビュー
■ $("meta[http-equiv='Content-Type']").attr("content")
$("meta[http-equiv='Content-Type']").attr("content")のプレビュー
■ $("meta[name=keywords]").attr("content")
$("meta[name=keywords]").attr("content")のプレビュー
■ $("link[rel=stylesheet]").eq(0).attr("href")
$("link[rel=stylesheet]").eq(0).attr("href")のプレビュー
IE6は一部表示できないらしい
IE6では$("title")は、html()だとタイトルが表示できるけど、
text()は表示できないようだ。
他のIEはどうなのかも気になるところ。
それと、使うことはないだろうけど、
$("meta[http-equiv='Content-Type']").attr("content")
これもIE6では表示できなかった。
使う機会
ほとんどのものは使う機会がないと思うけど、
URLとかdomain、linkのstylesheetなどは、
場合によってはいろいろ使えるかもしれない。
今後いろいろためしてみよっと。