Archive for the ‘JavaScript’ Category

2011年08月26日に投稿

[jQuery] 要素の高さを取得する

ある要素の高さ( CSS でいう height )を取得したい場合は height() メソッドを使用することで取得できます。height() メソッドは単位が付いていない数値で返ってきますのでそのまま計算に利用できます。以下のコードは id 属性に hoge が付けられた要素の高さを取得します。

2011年07月17日に投稿

[Javascript]オブジェクトの中身を簡単にdumpしたい場合はFirebugのコンソールでconsole.logを使う

PHPにはvar_dump関数のようにオブジェクトの中身を確認する関数が用意されていますが、Javascriptには簡単に中身を確認するための関数はありません。ですが、FirefoxのアドオンのFirebugを使えば簡単に確認をすることができます。

Firebugには「コンソール」という機能があり、Javascriptのコードを入力して実行するとその場でコードを実行することができます。console.log(object)と入力して実行すると、objectの中身を結果表示欄に表示させることができます。

に投稿

[Javascript] ChildNodes の挙動が IE と Firefox & Chrome で違う

element.childNodes とすると対象のエレメントの子ノードリストにアクセスすることができますが、IE と Firefox & Chrome とで挙動が違いました。具体的な違いは下記のサンプルコードを見て頂けると分かりやすいです。

続きを読む

2011年06月15日に投稿

[Javascript]指定時間後に関数を実行したり、一定間隔で繰り返しの処理を行う

Javascriptには指定した時間が経過した後に関数を実行してくれるsetTimeout関数があります。第一引数に実行する関数名、第二引数に実行したい経過時間をミリ秒で指定します。下記のサンプルコードの場合、greeting関数を3000ミリ秒後(3秒後)に実行します。下記のコードを実行すると結果的にブラウザでアクセスをしてから3秒後にhelloと書かれたアラートが表示されることになります。

続きを読む

2011年06月09日に投稿

[Javascript]window.openメソッドの第二引数で特定の文字列を渡すとIEでエラーになる

Javascriptで新しくウインドウを開く方法として、window.openメソッドがあります。このメソッドは非常にポピュラーでサンプルコードも多く出回っていますが、注意しなければならない点があります。

続きを読む

2011年05月23日に投稿

[Javascript]IEではsubstrメソッドの第2引数に負の数値を指定することができない

指定した位置から指定した文字数だけ文字列を抜き出すメソッドにsubstrがありますが、FirefoxとIEで挙動が異なっていたため思い通りの動きとならない原因を特定するのに時間がかかりました。具体的な違いは下記の通りです。
続きを読む

2011年05月06日に投稿

[Google Apps Script] メールを送信する

Google Apps Script を使ってメールを送信することができます。Google が用意している MailApp クラスの sendEmail メソッドを使用します。MailApp クラスについての詳細はGoogle の公式ヘルプで確認することができます。

続きを読む