Function.prototype.call() - JavaScript | MDNfunction Product(name, price) { this.name = name; this.price = price; } function Food(name, price) { Product.call(this, name, price); this.category = "food"; } console.log(new Food("cheese", 5).name); // 期待される出力結果: "cheese"
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装:phpspot開発日誌
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 2007年11月12日- Javascript htmlspecialchars Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装するコード。 JavaScript でも HTML エスケープをしたい場合が結構あったりします。 PHPに慣れている方は htmlspecialchars 関数があったら使いやすいかもですね。 function htmlspecialchars(ch) { ch = ch.replace(/&/g,"&") ; ch = ch.replace(/"/g,""") ; ch = ch.replace(/'/g,"'") ; ch = ch.replace(/</g,"<")
すごい便利になった！javascript入門の基礎知識と小技まとめ
作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
jQueryで複数のイベントを割り当てる - ZeBeVogue別館
何度も使っているのに、ちょっと使わないと忘れちゃうのでメモ。 「複数のイベントを割り当てる」といっても二つの意味があって、それぞれ 複数のイベントに１つのイベントハンドラ（メソッド等）を割り当てる 複数のイベントそれぞれに個々のイベントハンドラを割り当てる と意味が異なる。 良く忘れるのは上の方だけど、混乱してしまうので一緒にまとめておきます。 複数のイベントに１つのイベントハンドラを割り当てる $("#bind").bind("click dblclick", function(event){ // click イベントと、dblclick イベントに同じイベントハンドラを設定 }); 文字列スペース区切りで渡す。 複数のイベントそれぞれに個々のイベントハンドラを割り当てる $('#bind').bind({ click: function() { // click event }, m
JSON.stringify() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn more See full compatibility The JSON.stringify() static method converts a JavaScript value to a JSON string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specif
AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
[JavaScript] `String.match( regexp )` の返り値は何か？ / 正規表現の変わりに文字列を使うとどうなるのか
ここを参考にいろいろとテストしてみる。 match する場合の返り値 と しない場合の返り値する場合は Array オブジェクト が返るしない場合は null が返る
String.prototype.match() - JavaScript | MDN
引数 regexp 正規表現オブジェクト、または Symbol.match を持つ任意のオブジェクトです。 regexp が RegExp 以外のオブジェクトであった場合、暗黙的に RegExp への変換が new RegExp(regexp) を使用して行われます。 一切引数を与えずに match() メソッドを使った場合、空文字列 1 つを持つ Array、[""] が得られます。これは match(/(?:)/) と同じになるからです。 返値 Array を返します。これはグローバル (g) フラグの有無によって内容が変わります。一致するものが見つからなかった場合は null を返します。 g フラグがあった場合は、正規表現全体に一致したすべての結果を返しますが、キャプチャグループは返しません。 g フラグがなかった場合、最初に完全に一致したものと、それに関するキャプチャグループを返
文字列を指定の区切り文字で分割する(split)
文字列を分割する(split) String オブジェクトの split メソッドは、対象の文字列を指定した区切り文字で分割し、分割された文字列をそれぞれ要素として格納した配列を返します。書式は次のとおりです。 引数の区切り文字には文字列または正規表現オブジェクトを指定してください。 1 文字だけでなく複数の文字の並びを指定することもできます。分割された部分文字列がそれぞれ要素として格納された配列が返されます。区切り文字が省略された場合は、文字列全体が要素として格納された配列が返されます。 最大分割回数を指定した場合、指定した回数だけ区切り文字が現れた時点で分割を終了します。ご注意いただきたいのは最後に分割された部分文字列は戻り値の配列に格納されますが、最後の区切り文字以降の文字列は戻り値には含まれません。 次のサンプルをみてください。 let months = 'Jan..Feb..Ma
JavaScript で URL からフラグメント以外を取得 | すぐに忘れる脳みそのためのメモ
1. URL の # 以降の文字列 ウェブページで、特定の場所にアンカーを指定するには、要素の属性に id または name を指定する。これにより、特定の場所へ # を使いリンクを貼ることができる。 この # 以降の文字列は、フラグメント識別子と言う。 フラグメント識別子とは - はてなキーワード によると、 「id属性やa要素のname属性で指定するアレ」の正式名称。 例えば、http://ja.wikipedia.org/wiki/Javascript#.E6.AD.B4.E5.8F.B2 からフラグメントを取得するには、 location.hash 逆に、フラグメント以外を取得するには、 location.protocol + "//" + location.hostname + location.pathname cf. ロケーション（Location） 2. クエリ文字列 クエ
スクロールバーの座標を取得するscrollTop | alt
スクロールバーの座標を取得するscrollTop Published by alt on 12 月 26, 2008 02:14 pm Category[ サンプル ] Tag[ Javascript ] Javascriptでスクロールバーの上端の座標を取得するとき、 こちら の記事を参考にすると、 document.body.scrollTop document.documentElement.scrollTop window.scrollTop の３つのどれかで値がとれます。 onLoadのタイミングで取得すると、 大概のブラウザではスクロールバーが初期値に戻ってしまうため 0 が返ってきます。 ボタンアクションなどの任意のタイミングなら IE、Firefox、Operaはdocument.documentElement.scrollTop Safar
DIVのスクロールをJavaScriptから操作する - YoheiM技術やらずに終われまテン
こんにちは、@yoheiMuneです。 今日はライトなネタを。 Webページを作成する際に、要素の高さを固定して、内容量によってはスクロールして表示させる事があるかと思います。そのスクロールの上げ下げをJavaScriptで操作する方法を調べたので、ブログに残しておきたいと思います。 Webページ内のスクロールする要素 Webページ内で、以下のような要素を見た事は無いでしょうか。高さが固定されていて、表示内容がたくさんある場合には、スクロールして内容を全て見るやつです。 こんにちは。 この文章を最後まで読むには縦スクロールする必要があります。 あああ いいい ううう えええ おおお 最後までスクロール頂きありがとうございます。 <div id="area" style="width:300px; height:100px; overflow:auto; border:1px solid #
jQueryでボッス要素のスクロール位置を取得する方法
実装例（サンプル）の動作について 背景色が黄色のボックス要素を縦スクロールすると、「垂直方向にスクロールした距離：」の右横に、垂直方向にスクロールした距離を表示する。 背景色が黄色のボックス要素を横スクロールすると、「水平方向にスクロールした距離：」の右横に、水平方向にスクロールした距離を表示する。 ソースコード JavaScript <script type="text/javascript"> jQuery( function() { jQuery( '#sampleBox' ).scroll( function () { var $scrollTop = this.scrollTop; var $scrollLeft = this.scrollLeft; jQuery( '#scrollTopOutput' ).html( $scrollTop + 'px' ); jQuery( '
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信でページを読み込みます。 この関数はjQueryにおけるAJAX通信の基本部分で、実際には$.getや$.postといった関数を使った方が、容易に実装できます。 但し、これらの抽象化された関数は実装の容易さと引き換えに、エラー時のコールバックなどの複雑な機能を失っています。そのような処理を実装したい場合は、やはり基幹であるこの関数を用いる必要があります。 $.ajax関数は、戻り値として XMLHttpRequestオブジェクトを返します。殆どの場合、このオブジェクトを直接操作することは無いと思われますが、例えば投げてしまったリクエストを中断する場合など、必要であれば利用して下さい。 この関数は引数をひとつだけとりますが、実際にはハッシュで、キーと値の組み合わせにより多くのオプションを受け取ります。 以下にその一覧を載せますので、参考にして下さい。 async / boolea
JavaScriptでゼロ埋めする方法
「”0″+a」の部分で元の数値の左に「0」を付けます。「5」ならば「05」となります。 「slice(-2)」で右から2文字を切り出します。「05」となります。 「35」ならば「035」の右から2文字を切り出すので「35」となります。 3桁ならば「(“00″+a).slice(-3)」とすればよいです。 padStartを使う方法 2025年6月21日追記 padStartを使う方法です。 文字列に対するメソッドなので、数値は一度、文字列に変換する必要があります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Loading...
jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita
http://miniapp.org/blog/2013/04/16/523/