Javascript

Google の検索結果の絞り込み条件に 3 ヶ月 と 6 ヶ月を追加する Google Chrome 拡張機能のソースコードを Github で公開しました

大した処理はしてませんがソースコードを Github で公開しておきます。 Github https://github.com/suzuki86/AddSearchOptions Chromeウェブストア https://chrome.google.com/webstore/detail/add-search-options/kaifgnoibnjldmdkkfogenbfbfgcbiao?hl=ja …

Javascript の call と apply の動作

var p = {age: 23}; function hoge(arg){ console.log(arg + ' is ' + this.age + ' years old.'); } hoge.call(p, 'Tom'); //Tom is 23 years old. ここでは、 hoge.call(p, 'Tom'); のコードを日本語で表現すると、 「オブジェクトpをhogeのthisにセットし…

調べたいこと

Javascriptについて調べたいこと ・callee ・arguments

Firefoxで要素の選択ができないようにする

element.onmousedown = function(){ window.getSelection().removeAllRanges(); }

element.style.topが取得できないとき

CSSで指定したtopとleftがelement.style.top、element.style.leftで取得出来なかった。(Google Chrome)Javascriptでelement.style.top = '100px'とかやると取得できた。CSSで取得したtopやleftは取得できないのかな。 ■追記 element.style.topではなくelemen…

イベントオブジェクトのプロパティについて

clientX: ブラウザのクライアント領域を原点とした x 座標 clientY: ブラウザのクライアント領域を原点とした y 座標 screenX: モニタのスクリーン領域を原点とした x 座標 screenY: モニタのスクリーン領域を原点とした y 座標

IEにおいてindexOfの検索文字列にダブルクオーテーションを含むと上手く動作しない

なんでやねん

json形式のデータをオブジェクトに変換する

eval関数を使うことでJavascriptで扱えるようになる。 <html> <head> <script type="text/javascript"> var hoge = { 'morning': 'おはよう', 'afternoon': 'こんにちは', 'evening': 'こんばんわ' } var sore = eval(hoge); </script> </head> <body> <script type="text/javascript"> document.write(sore['afternoon']); </script> </body> </html> 下記の記述…

ホスト名(ドメイン名)を取得する

location.hostname

paddingを変更する

getElementsByClassNameはFirefoxやChromeのような新しいブラウザでしか動かない模様。 document.getElementsByClassName('uiButton')[0].children[0].style.paddingLeft = '9px'; document.getElementsByClassName('uiButton')[0].children[0].style.paddin…

背景色を変更する

getElementsByClassNameはFirefoxやChromeのような新しいブラウザでしか動かない模様。 document.getElementsByClassName('uiButton')[0].style.backgroundColor = '#ececec';

配列から最大値、最小値を取り出す

arrを配列とすると、 Math.max.apply(Math, arr); Math.min.apply(Math, arr); 参考 http://d.hatena.ne.jp/hysa/20090727/1248625796 このapplyメソッドはいろいろと複雑らしい。 http://generation1991.g.hatena.ne.jp/iskwn/20100204/1265262870

クロージャーについての初心者向け記事が分りやすい

初心者向けにクロージャーを解説している記事を発見した。とても分かりやすい。これを匠に使いこなせるようになれば上級者を名乗れるのかな。 http://dqn.sakusakutto.jp/2009/01/javascript_5.html

var宣言を省略するとグローバル変数とみなされる

特にこれはfunction内でvarを省略すると意図した動作にならない可能性がある。

name属性に配列名を指定したチェックボックスにJavascriptからアクセスする

PHPでチェックボックスを受け取るため、チェックボックスのHTMLが下記のようになっていた場合、 <input type="checkbox" name="arr[]" value="hoge" /> Javascriptからだとnameによるアクセスができないので、elementsを使用する。 document.survey_form.elements['arr[]'].length