約 2,903,097 件
https://w.atwiki.jp/api_programming/pages/56.html
下位ページ Content 文字列の切り出し先頭◯文字の切り出し 最後◯文字の切り出し 応用していろんな切り出し先頭 - ● ● - 最後 文字列の分割 文字列の検索indexOfで見つからなかったら-1が返る、を用いる 文字列の置換文字列中にある空白を削除する 正規表現(パターンマッチング)正規表現で取り出す https //developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String 文字列操作 - Tatsuya's Homepage Javascript まとめ 文字列の切り出し String.substring(start[,end]) 1文字目の位置は0、第2引数を省略すると残りを全部切り取る String.substr(start[,length]) もあるが、標準からの削除になるので、substring を使用すべき。 String.prototype.substring() substring - Tatsuya's Home Page substr - Tatsuya's Home Page 先頭◯文字の切り出し str.substring(0,◯) str.substr(0,◯) substring(0,1) = substring(1,0) 自動的に小さい開始位置と判断 https //www.sejuku.net/blog/21155 最後◯文字の切り出し str.substring(str.length-◯) str.substr(-4) 後ろから4文字を切り出す。 これをつかって0で埋める(ゼロパティング) var s = "123"; ("000" + s).substr(-4) で0123を作る。 http //www.red.oit-net.jp/tatsuya/js/string.htm#substring http //takuya-1st.hatenablog.jp/entry/2014/12/03/114154 応用していろんな切り出し □□●□(...n文字...)□▲□□□ 先頭 - ● .substring(0,2) .substring(0,2) .slice(0,2) ● - 最後 .substring(2) 終了インデックスは省略可 .substr(2) 終了インデックスは省略可 文字列の分割 セパレータを指定して、分割した文字列を返す let words = str.split(" "); 文字列に正規表現を渡して、複数マッチとか。 let words = str.split(/[T\+/); String.split(separator,limit) 文字列の検索 indexOfで見つからなかったら-1が返る、を用いる if(str.indexOf("hoge")!=-1){ /*hogeが見つかったら*/ } http //qiita.com/kazu56/items/557740f398e82fc881df 文字列の置換 str.replace(正規表現が使える,"置き換え文字"); String.prototype.replace() - MDN 文字列中にある空白を削除する スペースを "" で置換すればよい。 str.replace(/\s+/g, ""); // \s はスペース https //www.nishishi.com/javascript-tips/trim-space-chars.html 正規表現(パターンマッチング) 正規表現 - MDN 正規表現のパターン記述 - MDN Javascriptの正規表現まとめ - Qiita 正規表現で取り出す
https://w.atwiki.jp/javascriptteam/
JavaScriptチームwiki 連絡事項 活動日程 勉強のためのメモ などを共有するためのwikiです。 なんかあったらすぐ編集。 活動日 月曜5限 火曜6限 水曜3限 木曜5限 金曜3限 予定はここへ!Googleカレンダー:JavaScriptチーム 連絡用。なんでも書いて下さい。 -- Justice (2010-11-26 02 17 08) 名前 コメント @wikiについて ウィキはみんなで気軽にホームページ編集できるツールです。 このページは自由に編集することができます。 メールで送られてきたパスワードを用いてログインすることで、各種変更(サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等)することができます 分からないことは? @wikiの基本操作 @wikiの設定/管理 @wiki ご利用ガイド よくある質問
https://w.atwiki.jp/suffix/pages/998.html
javascriptではtry catchで例外を送り、try内でthrowすると、 その後の処理(この場合だとalert("test");は実行されない。 html head script type="text/javascript" language="javascript" !-- function test() { try { throw new Error("エラー"); alert("test"); } catch(e) { alert(e.message); //e.descriptionとしても大差ない。 } } //-- /script /head body onload ="test();" /body /html
https://w.atwiki.jp/lova-memo/pages/226.html
javascriptをページに書く #javascript(){{ ここにjavascript }} これでできる。 外部javascriptを取り込む。 #include_js(ここに外部JavaScriptのURL) これで出来る。 このwikiにアップロードしたjsファイルも取り込める。 http //www8.atwiki.jp/lova-memo?cmd=upload act=open pageid=214 file=%E3%81%8A%E8%A9%A6%E3%81%97%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%EF%BC%91.js よりも http //cdn8.atwikiimg.com/lova-memo/?cmd=upload act=open pageid=214 file=%E3%81%8A%E8%A9%A6%E3%81%97%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%EF%BC%91.js のほうが新しいものが取れる? http //www8.atwiki.jp/lova-memo/?cmd=upload act=open page=%E7%B7%A8%E9%9B%86%E7%94%A8%2F%E7%A0%82%E5%A0%B4%E7%94%A8%E3%83%87%E3%83%BC%E3%82%BF%E7%BD%AE%E3%81%8D%E5%A0%B4 file=%E3%81%8A%E8%A9%A6%E3%81%97%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%EF%BC%91.js でさらに新しいものが取れる? 外部JSはUTF-8で書かないと・・・ 文字化けするw
https://w.atwiki.jp/hear_br0wn/pages/29.html
●四則演算 JavaScriptで使用できる演算子 「+」「-」「*」「/」「%」 ※基本的に記号の示すとおり。 %は「余り」を求める時に使用(小数点以下まで計算されないので注意。) 例①数値の計算: var a,b,c; a = 300; b = 700; c = (a + b) * 1.05; alert(c); 以下のように表示、 1050 例②演算子を使った代入: var a = 5; a = a + 3; onload = alert(a); 以下のように表示、 8 ※変数「a」に3を足した値を「a」に再度代入する。順次実行のため、「alert(a);」は「a = a + 3;」よりしたに記述しなければ8にならない。 例③文字の足し算: var str = "ようこそ"; str = str + "ホームページへ"; onload = alert(str); 以下のように表示、 ようこそホームページへ 例④変数 + 文字: function kotae(){ var yama = "富士山"; alert("答えは" + yama +"です。") } onload = "kotae()"; 以下のように表示、 答えは富士山です。
https://w.atwiki.jp/sampleisbest/pages/311.html
実行環境 Internet Explorer 11 PortCheck.html !-- PortCheck.html -- html head title PortCheck /title script type="text/javascript" !-- var req = new XMLHttpRequest(); //var url = "http //www.google.co.jp"; var url = "http //foo.bar 8080"; var count = 0; function Init() { document.f1.t1.value = url; PortCheck(); } function PortCheck() { document.f1.t2.value = count + ((count 1) ? " ■■■" ""); if (count-- = 0) { req.open("GET", url, false); var flag = true; try { req.send(null); } catch (e) { flag = false; } if (flag) { location.href = "http //www.youtube.com/watch?v=osWXbe7MbGE"; return; } count = 300; } setTimeout("PortCheck()", 1000); } // -- /script /head body onload="Init()" form name="f1" action="#" input type="text" name="t1" size=50 br input type="text" name="t2" size=20 br /form /body /html
https://w.atwiki.jp/suffix/pages/1248.html
javascriptにもjavaと同じようにコレクションが存在する。 各コレクションフレームワークの主な特徴。 Set 重複要素なし Map キー有 List 重複要素有り。順序有。
https://w.atwiki.jp/designmatome/pages/19.html
■テーブル■ テーブル作成 +JavaScript+動的にテーブルを作成 テーブル幅変更 リンク名 一行ごとに色変える http //semooh.jp/jquery/ref/cont/stripe_table/
https://w.atwiki.jp/yukobayashi/pages/19.html
javascript jQuery class名の操作 div class="one twe three four" /div classの場合は、idと違ってスペース区切りで複数の値を設定できる。 2番目のクラスを指定する方法。めっさ楽。 素jsだと正規表現でうんこみたいなソースになっちゃうから1行って素敵過ぎる。 $( div ).toggleClass( two );
https://w.atwiki.jp/m_shige1979/pages/1023.html
関数(クロージャ) 概要 複数の変数に対して、1つのみの処理を行い、オブジェクトのように変数を保持したまま 処理を行う。 イメージとしてはシンプルなオブジェクトらしい ???意味がわからないと思われるが、私もわからないでのとりあえず処理だけ記述する 記述 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title テストサイト /title /head body script type="text/javascript" // ![CDATA[ // 10ずつ値を加算するクロージャ function test_func8(data1){ // 初期値データを設定 var test1 = data1; // 戻り値に関数を返却 return function(){ test1 += 10; return test1; } } // 任意の値を加算するクロージャ function test_func8b(data1){ // 初期値データを設定 var test1 = data1; var test2 = 1; // 戻り値に関数を返却 return function(add){ test1 += add; return test1; } } // 引数に関数名なしの関数の定義を設定することも可能 var simpleobj1 = test_func8(100); document.write("simpleobj1_001=" + simpleobj1() + " br / "); document.write("simpleobj1_002=" + simpleobj1() + " br / "); document.write("simpleobj1_003=" + simpleobj1() + " br / "); document.write("simpleobj1_004=" + simpleobj1() + " br / "); document.write(" br / "); var simpleobj2 = test_func8(10); document.write("simpleobj2_001=" + simpleobj2() + " br / "); document.write("simpleobj2_002=" + simpleobj2() + " br / "); document.write("simpleobj2_003=" + simpleobj2() + " br / "); document.write("simpleobj2_004=" + simpleobj2() + " br / "); document.write(" br / "); var simpleobj3 = test_func8b(10); document.write("simpleobj3_001=" + simpleobj3(5) + " br / "); document.write("simpleobj3_002=" + simpleobj3(1) + " br / "); document.write("simpleobj3_003=" + simpleobj3(7) + " br / "); document.write("simpleobj3_004=" + simpleobj3(7) + " br / "); document.write(" br / "); // 出力2 document.write("Test Javascript2" + " br / "); //]] /script /body /html HTMLソース simpleobj1_001=110 simpleobj1_002=120 simpleobj1_003=130 simpleobj1_004=140 simpleobj2_001=20 simpleobj2_002=30 simpleobj2_003=40 simpleobj2_004=50 simpleobj3_001=15 simpleobj3_002=16 simpleobj3_003=23 simpleobj3_004=30 Test Javascript2