JavaScript


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。


Tips

フォーカスされているエレメントを取得する

var element = (document.activeElement || window.getSelection().focusNode);

前半がIE/Opera用。getSelectionはFirefox用。


文字列の置換

var str = '10-10-10';
ret = str.replace(/-/, ':');    // 10:10-10 : 最初のマッチしか置換されない
ret = str.replace(/-/g, ':');   // 10:10:10 : OK

型の取得

if(typeof e=='string')
  alert('string');

JSON を eval

var json = "{'a':'b'}";
var o = eval(json);  // invalid labelで失敗する
var o = eval('('+json+')');  // ok

イベントハンドラの追加

function observe(target, type, listener) {
  if (target.addEventListener)
    target.addEventListener(type, listener, false);
  else if (target.attachEvent)
    target.attachEvent('on' + type, function() { listener.call(target, window.event); });
  else
    target['on' + type] = function(e) { listener.call(target, e || window.event); };
}
 
// こっちの方がいいと思う
var observe = window.addEventListener ? 
  function(target, type, listener) {
    target.addEventListener(type, listener, false); 
  }
  :
  function(target, type, listener) {
    target.attachEvent('on' + type, function(){listener.call(target, window.event);}); 
  };

offsetWidth と clientWidth の違い

offsetWidth は内容の幅+枠線の幅
clientWidth は内容の幅のみ


数値と文字列の相互変換

  • 文字列->数値
    n = "123"-0;
    n = Number("123");
    n = parseFloat("123");
    n = parseInt("123");
    n = eval("123");
  • 数値->文字列
    s = 123+"";
    s = String(123);
|新しいページ|検索|ページ一覧|RSS|@ウィキご利用ガイド | 管理者にお問合せ
|ログイン|