2006-09-25
windowオブジェクトonunloadイベントへのunloadCacheメソッド登録 【抜粋】 /* prevent memory leaks in IE */ Event.observe(window, 'unload', Event.unloadCache, false); windowオブジェクトonunloadイベントへunloadCacheメソッドを登録しています、IEでのメモリーリークを回避するためです。・・・そのまま訳してるだけですが＾＾； 【参考】 ここで「Event.unloadCache.bind(Event)」にすると、unloadCacheメソッドで(Eventを指すものとして)thisが使えるようになりますが、そこまでしてないみたいです。 例は割愛させてください・・・。 HTML+JavaScriptで、要素のイベントへの関数登録の方法は、主に以下の３つです。
第五章 クライアントサイドの技術：各種イベントについて
JavaScriptでは数多くのイベントが用意されています。その中でAjaxで多く使用されるのは以下のイベントでしょう。 【マウス関連】 click（クリックされた） dblclick（ダブルクリックされた） mousedown（マウスの左ボタンが押された） mouseup（マウスの左ボタンが離された） contextmenu（右ボタンがクリックされた） mouseover（マウスが重なった） mouseout（マウスが離れた） mousemove（マウスが動いた） 【キー関連】 keydown（キーが押された） keyup（キーが離された） 【入力フォーム関連】 submit（入力フォームデータ送信時） reset（リセットボタンが押された時） change（selectメニューで異なる項目が選択された） focus（フォーカスした時） blur（フォーカスがなくなった時） 【ページ関連
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
[鏡] C/C プログラマのための JavaScript 入門： プロローグ -- 戯れ言
私は C/C++ あるいはアセンブラといった低級言語を主に使う職業プログラマですが， もちろん仕事や趣味で他の言語を使うこともあります。 特に「スクリプト言語」と呼ばれる高級言語は手軽に使えるため重宝しますが， メインで使っているわけではないので， しばらく使わないと忘れてしまいます。 JavaScript も同様で使わないとすぐに忘れます。 そこでこれから何回かに分けて自分自身への覚え書きを兼ねて JavaScript について書いてみます。 といっても JavaScript の言語マニュアルを書いてもしょうがないので， C/C++ プログラマから見て JavaScript を取り扱う際に注意すべき点などを主に書いていきたいと思います。 あらかじめ予防線を張っておきますが， 私は言語系のプログラマではないですし特にスクリプト言語に関してはど素人同然です。 もし JavaScript に関
![[鏡] C/C プログラマのための JavaScript 入門： プロローグ -- 戯れ言](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9403aeb9e428539e1bdb60550747807cd52d387/height=288;version=1;width=512/https%3A%2F%2Fbaldanders.info%2Fimages%2Fattention%2Fremark.jpg)
新JavaScript入門 1 はじめのいっぽ
JavaScript は基本的には何かが起きたとき、 例えば下のボタンを押したときに実行されます。 ボタンを押すと表示されている数字が1ずつ大きくなっていきます。 このソースは次です。 <INPUT TYPE="button" VALUE="0" ONCLICK="this.value++"> ボタンが押されたときに ONCLICK= 以降の文字列が評価されて、 この場合はボタンに表示されている文字列が変わります。 こういうのをイベントドリブンといいます。 上では、ONCLICK に直接コードを書きましたが、 ふつうはそこにはサブルーチン（関数オブジェクト）の呼び出しだけ書いておき、 サブルーチン自体はHTMLのHEAD部に書いておきます。 <HTML> <HEAD> ... <SCRIPT LANGUAGE="JavaScript"> //サブルーチンはここに記述 function
element - MDC
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback Element は Document が継承するオブジェクトの中にあるすべての要素オブジェクト（すなわち、要素を表現するオブジェクト）が継承する、もっとも一般的な基底クラスです。すべての種類の要素の共通するメソッドとプロパティのみを持ちます。もっと具体的なクラスが Element を継承してい
【JavaScript】パターンマッチ比較 match、search、test、exec ( しゃいん☆のブログ| 名古屋市 Webシステム開発 サーバ構築 ネットワーク構築 株式会社コネクティボ )
ということで、今回はJavaScriptのパターンマッチネタです。 比較するメソッドとしてmatch、search、test、exec、の4つを取り上げます。 それぞれ性質が異なるので、使う場合は注意が必要です。 比較のために、以下のようなサンプルを作ってみました。 <script type="text/javascript"> <!-- // match()の場合 function hoge1() { base_str = "オッス。おら Tawabagani。" + "友人の Abeshiganiと間違えないでくれよな。"; match_pattern = /\w+?gani/g; r = base_str.match(match_pattern); if (r) { for(var i=0; i<r.length; i++) { alert(r[i]); } } else { al
script.aculo.us付属のユニットテスト(unittest.js)の使い方 後編 - Yaks
前回に引き続き、script.aculo.usに付属の ユニットテスト(unittest.js)の使い方です。 今回は、ベンチマーク関数やマウス、キーボードのシミュレート関数の使い方を解説していきます。 benchmark関数 benchmark関数は、前回挙げた assert系とはちょっと動きが異なり、その名の通り、任意の関数のベンチマーク(処理時間の計測)を取るために使います。 benchmark( func [, times] ) funcを timesで指定した回数だけ実行し、処理にかかった時間をログに表示します。timesを省略すると、一回だけ実行されます。 例えば、こんな感じで使います。 var domOperation = function(){ var div = document.createElement( 'div' ); document.body.appendCh
Javascriptのイベントハンドラ設定方法 | ユージック
Javascriptのイベントハンドラ設定方法 更新日：2007年5月7日｜公開日：2007年5月7日 DOMやJavascriptを勉強しているとイベントハンドラの設定方法が色々とあってどの方法でやれば一番良いのかわからなくなってきたので、自分の覚書もかねてイベントハンドラの設定方法をまとめてみようと思います。 尚、サンプルはボタンを押すと”クリックされました”とアラートが出るだけのシンプルなスクリプトでご紹介します。 （X）HTMLの中に記述する方法 <form> <input type="button" id="myButton" value="Click" onClick="alert('クリックされました');"> </form> （X）HTMLの中でイベントハンドラを利用する方法で（X）HTMLとスクリプトの分離ができていないのであまり良い方法とはされていませんがシンプルな方法
OMeta - 言語ゲーム
http://www.cs.ucla.edu/~awarth/ometa/ 眠くて微妙な事が何も出来ないので軽く OMeta について書きます。OMeta とは、http://lambda-the-ultimate.org/node/2477 によって一躍有名になったメタ言語 - プログラミング言語を書くためのプログラミング言語 - です。果たして単なる PEG パーサと一体どこが違うのか私もよく分かっていないので、そのあたりの事を勉強したいと思います。OMeta にはスクイークや「イアンのやつ」の実装がありますが、最近 Web ブラウザで実行出来る Javascript 版が公開されたのでそちらを試します。 OMeta で何が出来るか？ http://www.cs.ucla.edu/~awarth/ometa/ometa-js/ を開くと、OMeta で作成された Smalltalk 言
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
syntax across languages
Introduction What's this about? Language Designers: Looking for operator or function names? Well have a look at the following and remember using existing one may ease the transition :) Language Users: You know one language and want to find the corresponding operator or function in another language Language lovers: Want to know the various ways people invented for commenting/assigning/...? This is
JavaScript try-catch文 - Wikibooks
[編集] 例外処理 この項では、try～catch文を柱とした例外処理を学習する。 [編集] try～catch文 try～catch文は、tryに続くブロック(複文)部分で囲んだプログラム中で、なんらかのエラーが発生したときに、catch節を使ってエラーの内容を受け取るものである。 デバッグ中に、そのバグの内容を受け取ることが出来るので、ここでエラーの内容をはき出す様にしておくと、バグの箇所と特定するのに大変役に立つ。 try{ // 何らかのプログラム }catch( e ){ alert( e ); // バグの内容をダイアログで表示する } [編集] finally文 filally文は、通常try～catch文の後に続いて書く。 catch節と違い、エラーが発生しなくても呼び出されて処理を行い、try節で行った処理の終了処理を記述するのが主な用途である。 ただし、次項で説明する様
Greasemonkey script execution environment - Vox
去る 7/14 に Twitter 発の「初心者向け Javascript 勉強会」が株式会社ノッキングオンにて開催された (こういった勉強会などを対象に会議室を提供して頂けるようだ．感謝!!)．長文を書くのが苦手なので，あまり「まとめ」染みたことはできないのだが，印象に残っている範囲で一点だけ (一点かよ!!)． 実は先週初めて Greasemonkey に触れて色々と遊んでいたのだが，学習用に目にした殆どのスクリプトにおいてコード本体を匿名関数で wrap しているのが気になった． (function(){ // こんな感じ })(); このケースで匿名関数を使う利点として，パッと思いつくのはこれくらい． 現行変数オブジェクトのプロパティを汚染しない 途中で return できる 自分自身を呼び出せる 2 は場合によっては使えるかもしれないが必須というわけではないし，3 が必要にな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Under Translation of ECMA-262 3rd Edition
JavaScript メッセージの柔軟性と多様性 - Wikibooks
JSLint,The JavaScript Code Quality Tool
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About![Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
http://diveintogreasemonkey.org/