とてもシンプルに自分自身が属する script 要素を取得 - IT戦記
グローバル領域に以下の一行を書く <script> var currentScript = (function (e) { if(e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document); alert(currentScript); </script>こうすることで、currentScript はこの script 要素を指す。 いちおう説明 DOM は構築されるときに、上から順番に構築される。そして、script タグがあると、 script 要素を構築したあとに、スクリプトを実行する。 つまり、スクリプトが実行されたとき script 要素は今まさに作られたばかりであり、それよりも後ろの要素が存在しない。さらにこの script 要素を含むすべての要
CodeRepos に nobjdb.js 追加 - 最速チュパカブラ研究会
http://coderepos.org/share/browser/lang/javascript/nobjdb CodeReposに「nobjdb.js」というファイルを追加しました。これは、「syobocalplus」のタイトル検索のルーチンを抜き出し、ライブラリ化したものです。 オブジェクトの集合の中から、文字列検索の結果によって部分集合を抜いてくる処理…… と言うとわかりにくいですが、要するに 購読しているフィードのリストの中をタイトルで検索する(例: LDR) タグクラウドの絞り込み検索(例: はてブ) などという処理です。これを素朴に実装すると for (var i in list) if (list[i].name.indexOf(keyword) >= 0) { // マッチ! } という感じですが、nobjdb.jsでは、ひとつの文字列にタイトルをすべて突っ込んで、 タ
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
JSActionsスクリプト、日本語 - FAX
JavaScriptゼロメムはてな支店 JSAスクリプトの中に日本語を書く話。 文字列と UTF-8 バイト列の相互変換: Days on the Moon これ使って、スクリプトをUTF-8で保存して、これで動く。 function J(str) { return decodeURIComponent(escape(str)); } alert(J('あいうえお')); 専用のメソッドを使った方が速いかも。 alert(_jsaCScript.convertCharCodeTo('あいうえお', 'UTF-8')) convertCharCodeToの中では、nsIScriptableUnicodeConverter使ってたと思う。 function convertCharCodeTo(str, charset){ var converter = Components.classe
ふぁっきん not well-formed, XMLHttpRequest とかで < 19 < June < 2006 < nulog, NULL::something : out of the headphone
GreaseMonkey では GM_xmlhttpRequest で他のページとってくるじゃないですか。で、onload して req.responseXML をとるなり req.responseText をとるなりするけど、どうにもこうにも not well-formed なページ (HTML とか) をとってきてノード検索するとき面倒くさいんですよ。responseXML はもちろん空だし、responseText はもちろんただのテキストだし。 で、なんとなく思いついたので以下のように解決するようにした。 GM_xmlhttpRequest({ method : "GET", url : i.href, onload : function (req) { // てきとーなエレメント作って突っ込む (ブラウザにパースさせる) var d = document.createElemen
jQueryから学んだ名前空間を節約する方法 - 考え得る最高を常に行う
実装側では非常に苦労しますが、使い勝手は抜群。わざわざnew演算子を使ってインスタンス生成をしなくても関数の戻り値としてオブジェクトを使うテクニックです。 例を使って説明します。以下はDOMの操作で要素を削除する方法です。 普通の方法 var elem = document.getElementById('navi'); elem.parentNode.removeChild(elem); DOMのAPIでは直接要素を削除できません。いったんparentNodeをたどり、removeChildでDOMツリーから削除します。 普通のクラス化 var Elem = function(id){ this.elem=document.getElementById(id); }; Elem.prototype.remove = function(){ this.elem.parentNode.rem
GreasemonkeyスクリプトのGM_xmlhttpRequestとかで取得したhtmlとかxmlをいじる場合はxpathだと遅いことが多いかも - gotin blog
GM_xmlhttpRequestはresponseXMLを返してくれない。 DOMを作ってくれない、ということ（作ってくれなくていいんだけど）。 xpathするにはDOMを作る処理が必要になる。 DOMParser使うとか、適当なelementのinnerHTMLに突っ込んだりする。 そのときの処理時間がそれなりにかかるので、正規表現とかでひょいひょいパースするほうが早く終わるケースが多いような気がする。 だけど正規表現だと読みにくくてつかれてしまうので、例えばこんな感じの関数でも定義しておけばそれなりに読みやすくなりそうだしそれなりに速いし、ってことになるかなぁ、どうだろう。 function getTags(html, tagName, className){ var cls = ""; if(className){ cls = "[^>]*?class=\"" + classNam
実行時のインライン+ループ展開による高速化例 (mitsunari@cybozu labs)
出張Shibuya.js 24の発表資料の中の，JavaScriptで実行時に関数を書き換えることで高速化する例を紹介します．オリジナルアイデアはokuさんで，JavaScriptの勉強のために私もやってみました． ここでは二つの関数unrollLoop()とforceInline()を作ってみました．たとえば， add3 : function(y) { return y + 3; } と addF : function(x) { var z = 2; for (var i = 0; i < 3; i++) { z += this.add3(i); } return z; } という関数があるとします． addF()に対してblowfish.js(仮実装なので実用性はまだありません)にあるunrollLoop()を適用すると，addF()が書き換えられて function(x) { var
javascript - CSSをいじくる : 404 Blog Not Found
2007年03月12日02:00 カテゴリLightweight LanguagesiTech javascript - CSSをいじくる JavaScriptでDOM要素のstyle属性をいじるのは簡単ですが、これがCSSともなるとobject treeが深くて大変で、Webを見回してもほとんど参考例がありません。動的にCSSをいじっているサイトの例は徳保さん趣味のWebデザインぐらいしか見かけません。 というわけで、習作を兼ねて、style属性ではなくCSSをまるごと書き換える関数を作ってみました。 CSS Manipulation via JavaScript http://www.dan.co.jp/~dankogai/css/css_handlers.html 解説 動作確認はFirefox 2, Opera 9, Safari, Mac IE5で行っています。Safariでのみ
ドラッグ＆ドロップイベント - すがブロ
ブラウザにファイルをドロップする時 ってたまにあるよね。ショートカットをドラッグ＆ドロップしたり。 そういった外部（デスクトップとか）のファイルをドロップさせないようにする方法について。 <script> <html> <head> var dropCancel = function() { window.event.returnValue=false; } function eventSet(){ document.body.ondragover = dropCancel; } </script> </head> <body onload="eventSet()"> 以下略 </body> <html> こんな感じで、 ondragover イベントに対して returnValue=false を登録しておくと、ドロップされてもブラウザは無視してくれるようになる。 ここでは body 要
36 進数と文字の偏り: Days on the Moon
/etc/init.d/knagano restart subtech - Pink Blossom Diary - 簡易ランダムな文字列生成は偏ってるよ odz buffer - ランダムな文字列生成 36 進数表記に変換することによるランダムな文字列生成は偏りが大きいよという話。なるほど。というわけで JavaScript の場合を調べてみた。といっても統計学的な検証とかよくわからないのでざっと見た感じで。 Math.random().toString(36) 整数部は当然 0 のはずなので小数部だけ。Firefox は最後の桁に偏りが見られる。IE はすべての桁がそれなりにばらけている。逆に言えば最後の桁が 0 ということも。Safari は後半部分の偏りが大きい。最後の桁は 9 の倍数に大きく偏っている。 Math.floor(Number.MAX_VALUE * Math.ran
JavaScript で n 進数を扱う: Days on the Moon
2 進数や 16 進数を使いたいというとき、JavaScript では組み込みの機能を利用できます。使えるのは 16 進数だけではなく、2 進数から 36 進数 (0 ～ 9 および a ～ z を使用) まで扱えます。 n 進数文字列から数値への変換 n 進数文字列から数値へと変換するときは、parseInt 関数を使います。第 2 引数に基数 n を指定することで、第 1 引数の文字列を n 進数であると解釈してくれます。n は 32 ビット整数に変換され、その値が 2 未満または 36 を超えるときは NaN が返ります。ただし、n が 0 になるときは文字列が 10 進数表記であるとして解釈されます。 parseInt(10, 36); // 36 parseInt("10", 0x100000000 + 36); // 36 基数が明示されておらず、文字列が 0 から始まっていた
Number#toStringの詳しい解説: dara-j
久々のJavaScriptネタ。といってもすごい人へのリンクですが。 Number#toStringの深層 以前書いたエントリ「Number#toString、面白い」の関連だが、ネタ元のnanto_viさんが詳細を調査された模様。 JavaScript で n 進数を扱う: Days on the Moon 仕様の解説と、各ブラウザごとの実装状況まで調査しておられ、一覧表を掲載されている。これは非常に参考になる。 （ありがたいというか恥ずかしいというか、「Number#toString、面白い」にリンクしていただいた。どうもありがとうございました。） parseIntもそうなんだ Number#toStringのほかに、parseIntについても言及されている。parseIntの第二引数にradix指定できるなんてしらなんだ。と思ったら、Windows スクリプティング テクノロジのヘル
最速インターフェース研究会 :: IEはwindow.openでリファラを送らない
River nastro adesivo personalizzato bingo brescia http://lazzero.info/immagini/74.html molle ad aria alto adige quotidiano http://miniato.info/sommario/26.html hotel 2 stella canazei tuttosport sito ufficiale http://bindo.info/contatto/81.html alan sorrenti vendo maggiolino http://bindo.info/registrati/60.html ufficio arredati imperia agriturismo civate http://cenni.info/scuola/47.html vendita dvd
404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
onerrorでエラーを検出 - VTuberになったプログラマーの魂の残滓
@nitoyon IE 6 エラーになる？やべー、手元に Windows がないー。ちょっと別のマシン起動してきます。 http://twitter.com/amachang/statuses/191685642 ってのがあったのでonerrorを使ったエラーの検出方法について書いてみたいと思います。 いきなりソースコード var err = function(a,b,c){ var img = new Image(); img.src = 'http://example.com/error.gif?a=' + escape(a) + '&b=' + escape(b) + '&c=' + escape(c); return true; } window.onerror = err; 用意するもの 上のスクリプトをできるだけページの上部に設置 アクセスログを閲覧できる場所に1x1のerro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
http://javascript.maxux.com/
Twitter / TOYAMA Nao: Math.random().toString(36) ...
