onload - ページ読み込み後に処理を行う方法 | JavaScript プログラミング解説
ブラウザのキャッシュ (Back-Forward Cache) が働いているとき、loadイベントは発生しません。Using Firefox 1.5 caching | MDN loadイベント このイベントは、次の要素などでサポートされます。onload Event | W3Schools <body> <frame> <iframe> <img> <input type="image"> <link> <script> <style> window.onload Windowオブジェクトのonloadイベントハンドラに、JavaScriptコードを登録します。 window.onload = function() { }; これはHTMLで、body要素のonload属性に設定することと同義です。 イベントが先に登録されていることを考慮したコード 前述の方法では先にonloadイベント
console.logまとめ 2016年夏 - Qiita
console.log関連についてまとめました。 モダンブラウザであればどれも使用できると思いますが、基本出力結果等はchromeで確認したものです。 console.hogehogeのいろいろ console.log 基本 引数を入れることで出力結果をカスタマイズできます console.info、console.warn、console.error それぞれで見た目を変えることができます。 console.assert 式を評価してfalseの場合にログ出力します。 console.count ログの出力結果が同じ場合にカウント数が自動的に増えていきます。 console.dir オブジェクトのプロパティの中身をログに出力します。 console.dirxml HTMLとかXMLの要素を渡すと、下の要素が全部見れるようになります。 console.group、conosle.group
JavaScript の難しさとは何か - mizchi's blog
JSの学習コスト高いかという問題、言語のコア自体はシンプルだが細かい == とかのハマりどころが多いのと、言語機能自体がシンプルすぎてエコシステムを理解してモジュールを扱うところに辿り着くのが大変、という問題に分類できる— 現場の声 (@mizchi) 2016年8月15日 jQueryの学習コストは、DOMはツリーなんだよという概念の獲得と DOM API の抽象サブセットを覚えるというだけで、2016年現在は jQueryによるUI設計論(ここが高まるとBackboneとかその辺)みたいなものに手を出す必要がないなら、そんなでもないんだろうな— 現場の声 (@mizchi) 2016年8月15日 Reactが難しいと言われる場合、仮想DOMという概念がやや難しい、というか非常にCS的なアルゴリズムとデータ構造が背景にあって、その上で単純なトップレベルAPIとアルゴリズムを理解してないと
Hoisting (巻き上げ、ホイスティング) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
JavaScript の巻き上げ (Hoisting) は、インタープリターがコードの実行前に、関数、変数、クラス、インポートの宣言をそのスコープの先頭に移動するように見えるプロセスを指します。 「巻き上げ」は ECMAScript 仕様書で規範的に定義されている用語ではありません。仕様書では宣言のグループを HoistableDeclaration として定義していますが、これは function、function*、async function、async function* 宣言しか含んでいません。巻き上げは、異なる形でではありますが、 var 宣言の機能としても多く考えられています。俗な言い方をすれば、以下のような動作はすべて巻き上げと見なされます。 スコープ内の宣言行よりも前で変数の値を使用すること。（「値の巻き上げ」） 変数がスコープ内の宣言行よりも前で参照しても Refere
キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop
Webサイトを開発させる上で、キャッシュのせいでcssやJavascriptがうまく反映されないと言う事はよくある話。 私が作っているサイトでも、サイトのレスポンス向上のためにキャッシュを利用しているが、 修正がうまく反映されず、「あれ？」と思う事がしばしば。 特に、開発環境では頻繁にファイルを更新するため、.htaccessでキャッシュを抑止しているけれど、 本番環境と開発環境で異なるファイルを管理するのも若干ストレスだったりする。 そんな訳で、回避策を検討してみた。 条件としてはこちら。 サイトはphpで開発している 対象はcssファイル、js（javascript）ファイル レスポンス向上のため、キャッシュは利用する ファイルを修正した際、ユーザにキャッシュクリアをさせなくても、修正した内容は確実に反映される 対象ファイル（この場合css、jsファイル）以外の修正は行わない では、実
結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita
結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。 で、一年経って、ふと、「もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか」と思い立ってざざざっと書いてみました。 小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。 例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合
IEのクローズ処理をハンドリングする - 開発思考実験日記
普通はそんなの難しいからあきらめてもらうのだが、どうしてもやりたいというので考えることにした。 まずは、Googleで調べてみるとそれなりにHITする。みんな苦労しているんだな。 onbeforeunload 最初にたどり着いたのは、onbeforeunload イベントを利用する方法。onbeforeunload は ページがアンロードされる前に発生するものなので、リンクを押したりしたりするだけでも発生する。なので、クローズ以外でも発生することが問題になり、これを対策する必要がある。がんばってみよう。 よく利用されている対策は、onbeforeunloadイベントが発生した際の event.clientYやevent.clientXを調べて0より小さい場合はCloseだと判断する方法である。しかし、この方法だと更新ボタンを押してもCloseだと判断してしまう問題がある。 これを対策する方
ページ離脱防止のためにJavaScriptでアラートを表示する
フォームの入力中に途中で離脱されないようにするには、アラートを出すことが効果的です。 ぼくは途中でよくフォーム入力を諦めることがあるのですが、アラートを出されるとたびたび引き止められて、ページを離脱するのを踏みとどまります。 なので個人的にはこのアラートはすごい力を持っていると思ってます。 ※このページにコードを仕込んであります。リロードしたりブラウザバックで戻ったりしてみてください。 beforeunloadイベントを使う ブラウザの window オブジェクトには onbeforeunload というイベントが用意されています。 このイベントハンドラに関数を設定すればよいのです。 window のリソースの unload 直前に発生するイベントに対応する処理を設定します。 文書が未だ可視状態であり、イベントが未だキャンセル可能 (event.preventDefault) なタイミング
[JavaScript] 関数の引数に省略値を(直接)指定できない - プロプログラマ -Flex,Air,C#,Oracle,HTML5+JS-
JavaScriptの実装をしていて関数定義の仕方を間違えたために、つまらないことで随分時間をかけてしまいました。 メモとして残します。 JavaScriptで自作関数を作った場合、以下の様な感じになります。 function ｔestMethod(value1, value2) { alert('Test value1=' + value1 + ' value2=' + value2); }
![[JavaScript] 関数の引数に省略値を(直接)指定できない - プロプログラマ -Flex,Air,C#,Oracle,HTML5+JS-](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8f0bbd9aeacb2977359a2e4c0f583e2eb33abaf/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2Fpropg.ee-mall.info%2Fwp-content%2Fuploads%2Fcropped-propg.png%3Ffit%3D512%252C512)
【JavaScript】 文字列切り出し（slice, substr, substring）の違い - のんびり猫プログラマの日常
引っ越し前のサイトから移植しました。 文字列の切り出しっていつも迷うよね。 実際にスクリプトを動かして確認してみよう。 slice 文字列.slice(開始位置 [,終了位置] ) 開始位置と終了位置を指定。終了位置は省略可能。 省略すると最後まで切り出す。 終了位置は、末尾が0になる。 開始位置をマイナス値にすると、後からの桁数になる（右端のみ切り出せる）。 <例> str.slice(3); //"3456789" str.slice(-2); //"89" str.slice(3, -1)); //"345678" var str = "0123456789"; str.slice( , ); strの内容 : 結果 substr 文字列.substr(開始位置 [,切り出す長さ] ) 開始位置と切り出す長さを指定。長さは省略可能。 省略すると最後まで切り出す。 開始位置をマイナス値
beforeunload
このイベントによって、ウェブページがダイアログボックスを表示し、ユーザーにページを終了するかどうかの確認が求めることができます。ユーザーが確認すれば、ブラウザーは新しいページへ遷移し、そうでなければ遷移をキャンセルします。 仕様書によれば、確認ダイアログを表示するためにはイベントハンドラーでイベントの preventDefault() を呼び出すことになっています。 しかし、すべてのブラウザーがこのメソッドに対応しているわけではなく、一部はイベントハンドラーに古い方法二つのうちの一つを実装するよう求めていることに注意してください。 イベントの returnValue プロパティに文字列を代入する イベントハンドラーから文字列を返す 一部のブラウザーでは返された文字列を確認ダイアログで表示するために使用し、イベントハンドラーがユーザーに独自のメッセージを表示できるようにしていました。しかし、
JavaScriptでparseIntする場合は基数を指定しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、プログラマーの鳥よしです。 今日は、つい最近JavaScriptで落とし穴に落ちた話を書きます。 落とし穴とは ある日、僕はどうしてもJSで2桁表示の文字列をparseInt()したい場面に遭遇しました。 何も考えていない僕はparseInt(“01”)とブッこんで、実際に動作確認に入りました。 parseInt(“01”)、parseInt(“02”)、parseInt(“03”)・・・ 順調に動作確認が進みました。 あるときです、恐ろしい現象が起こってしまったのです。 parseInt(“08”)にきたとき、結果が「0」となりました。 何を言ってるんだお前は・・・ 見なかったことにしてparseInt(“09”)に行きました。 またしても結果は「0」・・・ もしやこれは噂の「疲れ目」って奴だな！ 気を取り直してparseInt(“10”)に行ったとき、今まで起きていた現象は
[対処法] 414 Request URI too long
414 Request URI too long HTTP 414 – Request-URI が長すぎます 原因 クライアントからのリクエストURLの文字数がサーバまたはアプリケーションの許容範囲を超えているため、リクエスト受信が拒否されている。URLの長さは使用するサーバやアプリケーションにより異なり、例えばApache(ウェブサーバソフトウェア)は標準設定で8,190文字まで許容しているが、Internet Explorerは2,048文字を上限としている。(未検証だが、Internet Explorer9以降は許容範囲が倍以上に増えたとの情報あり) あなたがユーザーの場合、ブラウザを変えて再試行してみて下さい。Internet Explorerと違い、Firefoxは無制限。ただし送信先ウェブサーバやデータベースサーバ側で受信が拒否されている可能性もあり、その場合はブラウザを変えて
Math.pow - べき乗を得る - JavaScriptリファレンス
「べき乗を得る」サンプルコード <html> <head> <title>Math.pow - べき乗を得る</title> </head> <body> <!--べき乗を得るのサンプル--> <script type="text/javascript"> document.write('0の0乗は'+Math.pow(0,0)+"です<br>"); document.write('0の1乗は'+Math.pow(0,1)+"です<br>"); document.write('1の1乗は'+Math.pow(1,1)+"です<br>"); document.write('1の10乗は'+Math.pow(1,10)+"です<br>"); document.write('2の3乗は'+Math.pow(2,3)+"です<br>"); document.write('-2の3乗は'+Math.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to m-bsys.com
http://www.bombkun.com/entry/2016/02/29/080057
Math.abs - 絶対値を得る - JavaScriptリファレンス
How to fight tons of unresolved variables warning in WebStorm?
変数が存在するか調べる
JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。 - Qiita
