Javascriptを使っていてよく目にする起動時に発生するイベント名についてのメモです。 具体的にイベント名を上げると、以下の3つ?になります。 なにも指定しない onload ready(jQuery) 何も指定しない Javascriptは、イベント等を指定しない限り読み込んだら処理を実行します。そのため、使い始めたころは指定していなかったので、〜が宣言されていません。などDOM(html要素)が読み込まれていない場合はもちろん発生します。
Javascriptを使っていてよく目にする起動時に発生するイベント名についてのメモです。 具体的にイベント名を上げると、以下の3つ?になります。 なにも指定しない onload ready(jQuery) 何も指定しない Javascriptは、イベント等を指定しない限り読み込んだら処理を実行します。そのため、使い始めたころは指定していなかったので、〜が宣言されていません。などDOM(html要素)が読み込まれていない場合はもちろん発生します。
onloadイベントだとDOMの構築が完了しても画像を読み込み終わるまで待ってしまうので、代わりにDOMContentLoadedイベントを使って処理させてみます。IEにはDOMContentLoadedがないのでdocument.documentElement.doScroll("left")を監視してDOM構築が終わるまで再帰しています。 参考 window.onloadの代替スクリプトその2 jQuery 1.2.6 2330行目くらい そーす ※一部修正しました。 // DOM構築完了時の処理 function load(){ /* なんかいろいろ */ }; // ユーザーエージェント var userAgent = navigator.userAgent.toLowerCase(); // ページの構築が完了したらloadを呼び出す (function(){ if(docume
「いろんなセレクタ指定方法+αを覚えて、目的の要素をさくっと取得する」で要素をさくっと選択できるようになったら、次は選択した要素を元に、さくっと新しく要素を追加する方法を覚えて見ましょう。 「新しく要素を追加する」というのはAjaxで外部データを読み込み、リスト一覧を表示させる場合などに頻繁に利用します。たとえばtwitterからデータを読み込んでサイドバーに表示する、といった場合です。 他にもホームページに新しい商品を追加して「NEW」という画像を表示することがあると思いますが、一ヶ月後には消したいという場合、直接HTMLに書き込んでいると、いちいち修正しないといけません。それをうまくJavascriptで追加するようにして上げれば、修正の必要がなくなります。 class名に日時を添えて、そのclass名につけられた日時と現在の日時と比べて処理をさせます。少しスクリプトは荒い例ですが、下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く