サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
大阪万博
javascript.programmer-reference.com
正規表現パターンのサンプルをまとめてみました。 ぜひご利用ください。 正規表現サンプル 【正規表現パターン】 パターン意味
キーコードの一覧です。 keydownイベント時に取得できるキーコードです。 キーコード取得 以下の欄にキー入力すると、キーコードが表示されます。
通常JavaScriptの関数の戻り値は１つですが、 以下のようにすれば複数値返すこともできます。 方法１）配列で返す 連想配列を使えば複数の値を返すことができます。 例）引数に渡された数値の３倍、６倍、９倍の値を返す
Ajaxでデータを取得するサンプルです。 サンプルソース 例）ボタンを押すとAjax通信を行い、結果をコンソールに出力する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Ajaxサンプル</title> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ $('#btn1').click(function(){ //Ajaxに渡すデータ var dt = {a:1, b:2}; //このサンプルでは関係ありません。 //Ajax通信を行う $.ajax({ url:"test.txt", type:"POST", dataType:"json", data:dt })
jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例）ボタンを押すと行追加、行クリックで行削除を行う <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ var idx = 3; // $('#btn1').click(function(event){ $('#tbl1').append('<tr><td>' + (++idx) + '</td><td>xx</td><td>xx</td></tr>'); }); // $('#tbl1').on("click", "tr"
連想配列オブジェクトの値から、セレクトボックスの要素を動的に生成するサンプルです。 サンプルソース 例）連想配列arrの値でセレクトボックス値を動的に生成する function createSelectBox(){ //連想配列の配列 var arr = [ {val:"01", txt:"ポチ"}, {val:"02", txt:"タマ"}, {val:"03", txt:"モモ"} ]; //連想配列をループ処理で値を取り出してセレクトボックスにセットする for(var i=0;i<arr.length;i++){ let op = document.createElement("option"); op.value = arr[i].val; //value値 op.text = arr[i].txt; //テキスト値 document.getElementById("sel1")
Windows環境にNode.jsをインストールする手順です。 手順 ①以下公式サイトからインストールモジュールをダウン ...
CSSファイルを動的に変更するサンプルです。 サンプルソース 例）適用するCSSファイルを「sample1.css」から「sample2.css」に変更する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>サンプル</title> <link rel="stylesheet" type="text/css" href="sample1.css" id="cs"> <script> function changeCss(){ document.getElementById("cs").href = "sample2.css"; } </script> </head> <body> <input type="button" onclick="changeCss();" value="CSSを変更する
このページを最初にブックマークしてみませんか？
『コピペで使える JavaScript逆引きリファレンス – JavaScript/jQuery開発時に、こそ...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
