DOMスクリプティング this.document とdocumentの違い – とろテク
javascriptのDOMスクリプティングにて、「this」を使うケースとして、イベントリスナー内の処理があります。 下記の例で、thisを省いてしまうとobj1とobj2の内容が同じになってしまいます。 //ウインドウ１の処理 var obj1 = document.getElementsByTagName('input'); var winsub= window.open(openURL, "", ""); //ロード後イベントリスナーに処理を追加 winsub.addEventListener('load', function () { //ウインドウ２の処理 var obj2 = this.document.getElementsByTagName('input'); //end of event function winsub load },true);
妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位！ Mac万歳！Chrome万歳！な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
JavaScriptが難しいのではなくIEが難しくしてくれている - L'eclat des jours(2011-09-16)
_ JavaScriptが難しいのではなくIEが難しくしてくれている IE9で開発していて、次のように書いた。 var keywords = ['ab', 'cd', 'ef', ]; for (var i = 0; i < keywords.length; i++) { obj[keywords[i]] = getValue(keywords[i]); } で、動いたもので実環境へ持っていく。そこではIE8が動いていた。 ら、死ぬ。 不思議に思っていろいろ動かしてみたら、IE8では、[1,2,3,]は４要素（length == 4)、IE9では3要素（length == 3）ちなみにChromeも3要素ということがわかった。 はて、どちらが正しいのか。順当にはバージョンが新しいIE9が正しそうだ。かつ、そちらのほうが直観に近い。直観というよりも、JavaやCの印象からだけど。 int[]
IE10 で attachEvent が廃止された場合に備えましょう - latest log
Windows 8 には IE10 が標準搭載されます。これらは早ければ2012年の秋ごろまでにリリースされる予定です。 IE10 ではレガシーな(古い)機能やメソッドが切り捨てられると予告されています → 非推奨の DOM イベント IE10 で attachEvent が廃止されると attachEventで IE かどうかを判別する(↓)のコードなどが魔女化するでしょう(バグになるでしょう)。 // オレオレライブラリによく見かけるコード片 var isIE = (window.attachEvent && !window.opera); この場合は ↓↓ これで良さげ var isIE = !!document.uniqueID; アドネットワークからの広告を埋め込んでいるサイトでは、同様のコードが広告生成用の JavaScript の中にも埋まっているかもしれません。そちらに対す
IE9RC で document が const になり再定義が不可能になった - latest log
IE9RC の挙動を調べています。 IE9RC では @amachang さんの /*@cc_on var doc = document; eval('var document = doc'); @*/ が封印されてる http://twitter.com/#!/uupaa/status/35942322231320576 残念ながら、 @amachang さんの発案した方法がIE9で封印されてしまったようです。 IE9RC Release note http://msdn.microsoft.com/en-US/ie/ff468705.aspx window.document が const になったため、再代入するとエラーになります。 http://jsdo.it/uupaa/Wq0w で試せます。 回避案 (function(document) { // ローカルスコープ doc.c
HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log
IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB
@cc_on ってなに？
amachangさんの「一行で IE の JavaScript を高速化する方法」を見てて、見慣れない/*@cc_on なんちゃらなんちゃら @*/ って記述が気になった。 なんだろうとおもい、早速ぐぐってみたところ、ここに書いてありました。 @cc_onはステートメントというものらしく「条件付きコンパイルの機能をアクティブにします。」との説明があります。 でも、「条件付きコンパイル」ってなんだよ！そんなの知らないぜ！ ということで調べてみたら、以下のようなことが書いてありました。 条件付きコンパイルを使用すると、JScript の新しい言語機能を利用しながら、その新機能をサポートしていない以前のバージョンとの互換性も保持できます。JScript の新機能を使用する場合、スクリプトにデバッグサポートを埋め込む場合、コード実行をトレースする場合などは、条件付きコンパイルを使用するのが一般的で
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
IE6をクラッシュさせる１行 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 6 Ajaxian ≫ jQuery one-line plugin to crash IE6において、IE6をクラッシュさせるプラグインが紹介されている。IE7やIE8ではクラッシュせず、IE6のみでクラッシュが発生する。紹介されているプラグインはjQuery Crash Plugin。プラグインのソースコードは次のとおり1行だけ。関数を定義しているのみ。 /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed
キーイベント (keydown, keypress) の、ブラウザ/OS による微妙な違い - @kyanny's blog
忘れないうちにメモ。時間できたらコードとかリファレンスの記載とかいろいろまとめたい。 onkeydown イベントでキーリピートが発生するかどうかはプラットフォームに依存する キー操作可能なカスタム DHTML ウィジェット | MDNの一番下経由で、91592 - Inconsistent keydown repeat behavior across platformsの8番目のコメント。 Here's what IE does: To start with, the only keys that get keypress in IE are printable keys. So right developers need to use onkeydown if they want the convenience of declarative syntax instead of usin
Big Sky :: IEとFirefox/Google Chromeでクリック/ダブルクリックの発生回数が異なる。
こまったねー。 例えば、divにclickとdblclickを両方割り当てた場合、「トンッ、トントン！」とクリックとダブルクリックを発生させた場合 Firefox/Google Chromeだと「トントン」で2クリックが発生 IEだと「トントン」では1クリックしか発生しない なんて動きになってる。以下検証に使ったコード。 <html> <head> <script type="text/javascript"> (function() { var reg = function(e, t, f) { if (window.attachEvent) e.attachEvent('on'+t, f); else e.addEventListener(t, f, false); }; reg(window, 'load', function(e) { var c1 = 0, c2 = 0; var
getElementByIdのバグ検証 - 似非プログラマ備忘録(凍結中)
JavaScriptのgetElementByIdを使うと、ブラウザによってはバグが出て思う通りの挙動をしない事があります。 自分が遭遇したのはIEだけだったのですが、他のブラウザではどうなのかと思って検証してみました。 検証ブラウザ：FireFox 2、Internet Explorer 6、Opera 9.2、Windows版Safari 3.1 では、いってみましょう。 以下のようなHTMLソースがあるとします。 <html> <head></head> <body> <form action="test.cgi" method="post"> <input type="checkbox" name="bug_search" />チェックボックス </form> <div id="bug_search">getElementByIdバグチェック</div> </body> </htm
教科書に載らないWebアプリケーションセキュリティ 第1回 ［これはひどい］IEの引用符の解釈 − ＠IT
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます（編集部） 小さな話題が面白い 皆さん、はじめまして。はせがわようすけと申します。 「教科書に載らないWebアプリケーションセキュリティ」ということで、Webアプリケーションのセキュリティに関連する、普段あまり見掛けないような小さな話題を取り上げていきたいと思います。 セキュアなWebアプリケーションを実現するために、開発者の方だけでなく、Webアプリケーションの脆弱性検査を行う方々にも読んでいただきたいと思っています。重箱の隅を楊枝でほじくるような小さな話題ばかりですが、皆さんよろしくお願いします。 さて第1回は、Internet ExplorerがHTMLを解釈する際の引用
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 -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビルドのコマンドとプロパティのマクロ
IDEA * IDEA
[JS]わずか「12文字」でIEを判別するスクリプト | コリス