【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
IE8以下でaddEventListenerが使えないので - Qiita
var $hoge = document.getElementById('hogeId'); if($hoge.addEventListener){ $hoge.addEventListener('click', aaa, false); } else if($hoge.attachEvent){ $hoge.attachEvent('onclick', aaa); } http://uhyohyo.net/javascript/3_2.html より抜粋 attachEventというメソッドが使われています。 これが、IEでイベントリスナを登録するメソッドです。 1つめの引数はイベントの種類で、2つめはイベントリスナです。 3つめの引数がありませんが、これはfalseを指定したのと同等です。 addEventListenerではイベント名に「on」を付けないのに、attachEventで
.addEventListener() | JavaScript 日本語リファレンス | js STUDIO
サンプル シンプルなリスナーの登録 下記の例ではmodifyText()は、 addEventListener()を使用してクリックイベントをリスナーに登録しています。 テーブルの何処かをクリックすると、ハンドラがバブルアップしてmodifyText()を実行します。 もし、リスナー関数に引数を渡したいのであれば、無名関数を使用することが出来ます。 <!DOCTYPE html> <html> <head> <style></style> </head> <body> <table id="outside"> <tr><td id="t1">one</td></tr> <tr><td id="t2">two</td></tr> </table> <script> // t2の内容を変更する関数 function modifyText() { var t2 = document.getEle
Window: clearTimeout() メソッド - Web API | MDN
HTML DOM APIWindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 m
ECMAScriptの浮動小数点数の丸め仕様がスゴい - hnwの日記
ECMAScriptの浮動小数点数の丸め関数である Number.prototype.toFixed() について調べてみたところ、浮動小数点数をわかっている人が作った硬派な仕様だと感じたので、解説してみます。 浮動小数点数の丸めの善し悪しについて 私はプログラミング言語の浮動小数点数の丸め処理に興味があり、過去に関連記事を30本以上書いています。こうした活動から得られた知見として、良い丸め関数には次のような性質があると考えています。 仕様がシンプルで直感的であること 仕様が抜け漏れなく文書化されていること バグを作り込みにくい仕様であること どれも良い関数の一般論のような話ですが、丸め処理に限って言えば簡単な話ではありません。そもそも浮動小数点数の性質が人の直感に反するため利用者にとっても実装者にとっても罠が多く、結果として上の条件を満たせないことが多いのです（私が面白いと感じるポイント
【JavaScript入門】split()で文字列の分割＆正規表現の活用法まとめ！ | 侍エンジニアブログ
JavaScriptのコードを書いていると、文字列をいつくかに分解して使いたいなんて場面があったりしますよね。 そんな時、どのようにコードを書けばいいのかわからない… という方もいるかもしれません。 そんな方必見！ 今回は、文字列を分割する際によく利用される「split」メソッドについて解説していきます。 基本的な使い方や、分割のパターン、応用的な実装方法などまで幅広く解説していきます。 これで文字列分割は完璧。しっかり学んでいってくださいね。 ＞＞＞ 今すぐ「split」の使い方を知りたい方はこちら 「split」とは？ まずは、「split」メソッドの基本的な知識から学習を始めましょう。 splitはStringオブジェクトの組み込みメソッドとして用意されており、文字列を任意の箇所で区切って分割することが可能になります。 一般的な構文としては、次のようになります。 var str =
引数をとるコールバック関数の実現の仕方 - わからん
以下では、「コールバック関数を引数で受け取る関数」と「引数を持たないコールバック関数」を定義し、呼び出しています。 function f1(callback){ console.log('f1'); callback(); } function f2() { console.log('f2'); } f1(f2); //=> f1 //=> f2 では、「コールバック関数を引数で受け取る関数」に、「引数のあるコールバック関数」を渡すにはどうすればよいでしょうか。 方法1 「コールバック関数を受け取る関数」の定義を、コールバック関数の引数も自身の引数として受け取るように変更します。 function f1(callback, arg1){ console.log('f1'); callback(arg1); } function f2(arg1) { console.log(arg1); }
(初心者向け) JavaScript 配列の作成と初期化 - Qiita
概要 JavaScript の配列は動的なもので、他の言語で言えば ArrayList に近いものです。そして、作成(構築)と初期化の方法も様々なので、ここでまとめてみました。 Array コンストラクタを使って長さ 0 の配列を作成する。 [] を使って長さ 0 の配列を作成する。 初期値を持つ配列を Array コンストラクタを使って作成する。 初期値を持つ配列を [] を使って作成する。 初期値を持たない指定した長さの配列を作成する。 from メソッドを使って配列から新しい配列を作成する。 from メソッドを使って文字列から文字の配列を作成する。 of メソッドを使って値の並びから配列を作成する。 サンプル Array コンストラクタを使って長さ 0 の配列を作成する。 昔の JavaScript ではこういう書き方しかできなかった気がします。
リンクを作る時の target="_blank" の危険性 - 隙あらば寝る
html で リンクを新しいタブ(やウィンドウ)で開かせたい場合、target="_blank" を指定するが、 この使い方には落とし穴があるらしい。 www.jitbit.com リンクを開いた先の javascript から、開いた元のページを操作できてしまうとのこと。 気になったので確認してみた。 悪用のパターン insecure.html が最初に開くページで、ここに target="_blank" なリンクがある。 このリンクを押すと new_window.html を新しいタブで開く。 この new_window.html に javascript が仕込まれており、元ページを操作されるという話。 具体的には window.opener.location="./evil.html" と実行すると、元タブは evil.html に遷移する。 実際試してみたのが ここ。 リンクを開
String.prototype.trim() - JavaScript | MDN
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨; String.prototype.at()String.prototype.big() 非推奨; String.prototype.blink() 非推奨; String.prototype.bold() 非推奨; String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prot
JavaScriptの厳密な曖昧な比較 - Qiita
PHP / JavaScript JavaScriptの等価演算子は==と===の2種類です。 ==は値の比較だけ行い、===は値と型の両方を比較する、とよく言われますが、実は正しくありません。 正しくは、===は型と値の比較を行い、==は両方の型を揃えてから===で比較する、です。 この自動型変換、勝手に行われるうえに動作がアバウトでバグの温床だからやめろー==滅ぶべし慈悲はない、とかよく言われますが、実際はアバウトどころか厳密な定義に基づいて正確に動作しています。 きちんと理解して使えば強い味方となってくれるはずです。 詳細な定義がECMA2016の7.2.13 Abstract Equality Comparisonにあったので見てみましょう。 以下は==および===を表す擬似コードです。 ===を使って===を定義してるので正確なものではありませんが、まあイメージと思ってください。
Number.prototype.toFixed() - JavaScript | MDN
標準組み込みオブジェクトNumberコンストラクターNumber() コンストラクター静的メソッドNumber.isFinite()Number.isInteger()Number.isNaN()Number.isSafeInteger()Number.parseFloat()Number.parseInt()静的プロパティNumber.EPSILONNumber.MAX_SAFE_INTEGERNumber.MAX_VALUENumber.MIN_SAFE_INTEGERNumber.MIN_VALUENumber.NaNNumber.NEGATIVE_INFINITYNumber.POSITIVE_INFINITYインスタンスメソッドNumber.prototype.toExponential()Number.prototype.toFixed()Number.prototype.to
JavaScriptで配列やオブジェクトを比較して等しいかチェックする方法 | jMatsuzaki
JavaScriptで配列やオブジェクトを比較して等しいかチェックする方法 2015年11月1日投稿 カテゴリ：JavaScript 著者: jMatsuzaki photo credit: Rootkit code via photopin (license) 私の愛しいアップルパイへ あなたの悩み事を当ててみましょう。「文字列や数値の比較はいいとして、配列やオブジェクトを２つ比較して等しいかどうかをJavaScriptで判別したいわ」ってことでしょう。 よろしい、私にはあなたのその質問に答える準備があります。今回はJavaScriptを例に説明しますが、他の言語でも応用できるはずです。 ▼少なくともJavaScriptでは以下のように配列やオブジェクトをそのまま比較するようなことはできません。 array1 == array2 そこで、配列やオブジェクトの中身をjsonに変換してから比
JavaScriptでparseIntの仕様がいまいちなので、僕の作った最強のparseInt、を考えてみる。 - Qiita
parseIntの第二引数を書いているあなた。 書いていますよね。parseInt。 文字列から整数値に変換するときに使うやつです。 そして、そのときは必ず指定しますよね。第二引数。 これはねちょっとね。つらいですよ。 毎朝 JavaScriptで文字列を数値に変換する：Number(), parseInt(), parseFloat() | UX MILK 毎朝ちゃんと飲むUX、のサイトで学んでおられると思いますので、毎朝ちゃんと parseInt について書いてますよね。正しく使いたいものです。文字列から整数変換にはparseInt。使いたいものです。 暗黙の型変換とか使っちゃだめですよ。 例えばですが、js parseIntで、検索すると上位に出て来るページ。 JavaScriptにおける数値⇔文字列の型変換あれこれ - console.lealog(); 全体的な内容は非常にありが
JavaScriptのswitch文の条件は厳密か？
JavaScriptでの等価演算子は『==』と『===』の二種類があります。どう違うかというと、単純に説明すると『==』が自動的に型変換して比較してくれる等値演算子で、『===』は型も考慮して比較する同値演算子となります(参考：JavaScriptの等値演算子 (==) と同値演算子 (===) の比較)。 例えば以下の様な感じ。 上記のボタンは、クリックするとそれぞれの比較演算子の結果をアラートで表示するようにしたものです。『1==’1’』は『true』と表示され、『1===’1’』のほうは『false』と表示されます。 参考までに上記のボタンのソースコードは以下のようになっています。 <input type="button" value="1=='1'" onclick="alert(1=='1')"><input type="button" value="1==='1'" oncli
★JavaScriptリファレンス
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
phiary
はじめに 『form 値 取得』とかで検索すると for 文で一通りチェックして... jQuery で要素を取得して val() で... ってのがヒットしますよね? これらの方法でも全然問題ないんですが, ピュアな JavaScript でもわりとスマートに値を取得, 設定することができます. っということで今回は, フォーム系要素の値をピュアな JavaScript で取得, 設定する方法を一通りまとめてみました. よかったら参考にしてください. デモ まずはデモです. 一通り form を並べてそれぞれ設定, 取得を行っています. console に各要素の値が表示されているのがわかるかと思います. コード デモのコードです. HTML <form name='mainForm'> <div> <h3>text</h3> <input name='_text' type='text
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What is the exact equivalent of JS: something.toFixed() in PHP?
Ace Editor使用心得_ace.edit自由拉伸-CSDN博客
JavaScript アロー関数を説明するよ - Qiita
