[JavaScript] data-から始まる独自の属性を取得する
HTML5から独自の属性を追加する際の名前の付け方にルールができた。 <div data-key="value">aiueo</div> data-○○とつける。 この値をJavaScriptで取得する場合 elem.getAttribute(data-key); でもできるんだけど、もっと簡単な方法が提供されてた elem.dataset.key で取得できる 仮に <div data-id="100"></div> の場合 var id = elem.dataset.id; //id = 100 で取得できる data-○○-○○にするとjQueryとHTML5の仕様で違いが出てしまうらしいので、data-移行にはハイフンを使わない方がいいらしい。 >
script要素のdefer属性の実装 - Thousand Years
<!--HTMLでは--><script defer></script> <!--XHTMLでは--><script defer="defer"></script> script要素にはdefer属性があって、これはdocument.write系がないことを条件にscriptの中身を後で評価することによってページのレンダリングを妨げないようにするものと説明されている。ただdeferが利用されているサイトってなかなか見たこと無いうえに本当にレンダリングを妨げないか興味があったので調べた。 実装されているブラウザ 調べた範囲ではIE(SafariとKon〜は調べてない)のみ。あとIEはscript要素にdefer属性をつけるとinnerHTMLに代入したscriptが実行されるという仕様がある。 // 以下は動かないので駄目 hoge.innerHTML = "hoge<script>aler
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
