THE HAM MEDIA BLOG

jQueryを使ってHTMLのhead内にアクセス:実験メモ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript

jQueryで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などは、
場合によってはいろいろ使えるかもしれない。

今後いろいろためしてみよっと。

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る