JavaScript のセレクターの定番イディオム
JavaScript のセレクターの定番イディオム 2010-08-30-2 [Programming] わざわざ記事にするまでもないことですが将来のためにあえて記事化。 JavaScript の定番イディオム。 function $(id) {return document.getElementById(id)} document.getElementById() の省略記法として $() を使うためのおまじない。 prototype.js でおなじみの「$」の使い方です。 いわゆる「セレクター」。 これが： document.getElementById('foobar').innerHTML = '<hr>'; こう書けます： $('foobar').innerHTML = '<hr>'; いちいち JavaScript フレームワークを用いずにサクッとやるとき用ですね。
変数の未定義の判定（JavaScript） - JavaScript - 教えて！goo
質問 質問者：nihon_no_samurai 変数の未定義の判定（JavaScript） 困り度： 困ってます 変数の未定義の判定（JavaScript） JavaScriptである名前の変数の定義済み、未定義の判定をする際に 以下のようにするとエラーになりますが、何か方法がないでしょうか。 if (myval == "undefined") { alert("未定義"); } 質問投稿日時：2006/03/27 11:44質問番号：2054303 この質問に対する回答は締め切られました。 最新から表示 ｜ 回答順に表示 ｜ 良回答のみ表示 回答 良回答20pt 回答者：BLUEPIXY あるいは if(typeof myval =="undefined") この回答は参考になった参考になった：1件 回答日時：2006/03/27 12:36回答番号：No.2 この回答へ
jQueryのSelectタグ処理関連 - yummy-yummy
jQueryでSelectタグ系でちょい便利なワザのメモです。 html <select name="hoge_n" id="hoge_i"> <option value="">---------</option> <option value="1">hoge1</option> <option value="2">hoge2</option> <option value="3">hoge3</option> <option value="4">hoge4</option> </select> selectで指定のものを選択された状態に // hoge4を選択状態にしたい場合 $(#pref).val(4); option要素を追加する // hogeというIDのSelectにラベル：hoge5、値：5というOptionを追加 $('#hoge_i').append($('<option>
Javascript 別ウィンドウ
フレームページで別のページを操作するJavaScriptです。 今回は、別のページの背景色を操作してみたいと思います。 サンプルページはこちらです。 このページのHTML、Javascriptの書き方は以下のようになります。 (1)フレーム画面の大元のHTML <HTML> <FRAMESET ROWS="89,*" FRAMESPACING="0"> <FRAME SRC="another_sample1_top.html" NAME="fr1"> <FRAME SRC="another_sample1_under.html" NAME="fr2"> </FRAMESET> </html> これは単純な親フレームのHTMLの記述ですが、注意点は太字になっている「NAME」部分です。このNAMEの値を利用することになります。 (2)フレーム画面の上部分のHTML・JavaScri
JavaScript : The Good Partsのメモ - 技術整備
2章 文法 ブロックコメントは使わない 正規表現リテラルの中にブロックコメントの "*/" が出てきてしまうから ブロックで変数のスコープは発生しない。だから、変数はブロックの先頭ではなく、関数の先頭で宣言すべき 3章 オブジェクト オブジェクトから値を取り出すには "[]"よりも "." を使うことを強く薦める。なぜなら、よりコンパクトで読みやすいから。 オブジェクトから値を取得する際に、"||" を使いデフォルト値を設定することができる // o に name という名前のプロパティがない場合、o.name の値は undefined になる。 var foo = o.name || "unknown" undefined に対してプロパティを取得しようとすると TypeError例外が投げられる。 && を使えば、例外を避けられる o.name && o.name.length 4章
JavaScript : String.replace 関数の悪夢
var amount = "1,000,000"; alert(amount.replace(",", "")); 泣いたorz
JavaScript変態文法最速マスター - 葉っぱ日記
Java変態文法最速マスター - プログラマーの脳みそをリスペクト。 JavaScriptの変態文法・技法一覧です。あんまり使わないけど、知ってるとXSSとか攻撃したいのにWAFに妨害されるなど、いろいろ制約があるという場合に便利。 文字列の生成 引用符を使わずにさくっと文字列を作る。fromCharCode とか使ってもいいけどめんどくさいので、正規表現やE4Xを利用。 alert( /string/.source ); alert( <>string</> ) 空白文字を使わず記述 文脈上、スペースを書きたいけれどいろいろ制約があって書けない場合にはコメントで代替。実行するコードを作り上げてevalしてもいいけど大袈裟なので。 var/**/x=1; */ を含むコードブロックをコメントアウト コードの塊りをコメントアウトしようと思って /* */ で囲むと、コード内に string.
JavaScriptやCSSの更新時にキャッシュから読ませない
おそらく架空のストーリ プログラマ「プログラムを更新しました」 テスター「いきなりエラーがでますよ！動作確認したんですか！」 プログラマ「え、私のところでは動くけど…、キャッシュクリアしました？」 テスター「キャッシュをクリアしたらエラーがでなくなりました」 テスター「でも、ユーザ全員にキャッシュをクリアさせるの？」 今日、JavaScriptやCSSの更新時にキャッシュから読ませない方法を知りました。 先人達は偉大すぎます。 <link href="common.css" rel="stylesheet" type="text/css"> この記述だとサーバ側の「common.css」を更新しても、 クライアント側のキャッシュの「common.css」が使用されて、 サーバ側の変更が反映されない可能性があります。 これをcssやjsにクエリー文字列を付加することで、 「common.cs
javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)
« DoBeDo 2.5 | メイン | javascript で Query String » javascript: escape(), encodeURI(), encodeURIComponent() 比較 javascript の escape(), encodeURI(), encodeURIComponent() 関数群について、どの文字がエンコードされてどの文字がエンコードされないのか分かりにくいのでまとめておく。 まずは、対象範囲 %20（半角スペース）〜%7E（チルダ~） 元データ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
Javaスクリプト「モーダルダイアログ・モードレスダイアログ（ポップアップ）」メモ(Hishidama's JavaScript-ModalDialog,ModelessDialog Memo)
ここに書いているのは、新しいHTMLを｛普通に／モードレスダイアログ[/2007-08-12]で／モーダルダイアログで｝開く方法 。 単純なメッセージ表示や文字の入力は別の命令を使う。 まずは、普通にリンクで移動する方法 HTML： <A HREF="dialog_target.html">普通に移動</A> <INPUT TYPE="button" VALUE="スクリプトで移動" onClick="window.location='dialog_target.html'"> <!-- location.href ='dialog_target.html'でも可 --> サンプル：普通に移動 サンプル： モードレスダイアログで開く方法 新しいウィンドウを開いて（ポップアップ）、そこにHTMLを表示させる方法。 モードレス（modeless）というのはモーダルの反対で、そのウィンドウを開い
Ajax 最適化 Tips - getElementById する前に — ありえるえりあ
Recent entries 宣伝：C/C++のための開発補助ツール、GCCSenseをリリースしました matsuyama 2010-04-15 宣伝：Rubyのための開発補助ツール、RSenseをリリースしました matsuyama 2010-03-21 Emacsは死んだ matsuyama 2010-02-22 WebアプリケーションをiPhoneに対応させるための技術メモ matsuyama 2009-10-13 tokyo-emacs#x02の個人的レポート matsuyama 2009-09-07 Recent comments replica louis vuitton Anonymous User 2010-12-22 Re:テキスト入力中に補完候補を自動的に表示してくれる auto-complete.el をリリースしました Anonymous User 2010-12
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 -
改行コード、pre、textarea - FAX
JavaScriptpre要素内の文字を変更する際、改行コードの扱いが各ブラウザで異なるようなので以下コードで調べました。 var pre = document.getElementsByTagName('pre')[0]; pre.innerHTML='[R]\r[N]\n[NR]\n\r[RN]\r\n[END]'; pre.appendChild(document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]')); innerHTMLで追加した結果は以下です。IEOperaFirefox\r空白のみ○○\n空白のみ○○\n\r空白のみ改行×2改行×2\r\n空白のみ○○ createTextNodeで追加した結果は以下です。IEOperaFirefox\r○○×\n空白のみ○○\n\r○改行×2○\r\n改行+空白○○ この結果を見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript の文字コード処理に関する覚書