ゲーム攻略・無料ウィキレンタルのアットウィキ (@WIKI)

https://w.atwiki.jp/learn-javascript/

JavaScriptウィキへようこそ

https://w.atwiki.jp/myrenshu/pages/34.html

afitest announce common-style gallery itemicon makeiframe npsort pcomex skilllist sortabletable statuscalc tabs truename yetlist クエスト情報変換2 サーヴァント経験値計算成長曲線

Sample is best! - JavaScript/CalcDock

https://w.atwiki.jp/sampleisbest/pages/321.html

開発環境メモ帳実行環境 Internet Explorer 11 入渠時間計算機 CalcDock.html html head title 入渠時間計算機 /title script type="text/javascript" !-- function Calc() { var mag = 0;// 倍率 for (var n = 0; n document.f1.r1.length; n++) { if (document.f1.r1[n].checked) { mag = document.f1.r1[n].value; break; } } if (mag == 0) { window.alert("艦種を選んでください。"); return; }   var lv= parseInt(document.f1.t1.value); var hp= parseInt(document.f1.t2.value); var mhp= parseInt(document.f1.t3.value); var dhp = mhp - hp;// 減少HP   var s; if (lv 12) { s = Math.floor((lv * 10) * mag * dhp) + 30; } else { var a = Math.floor(Math.sqrt(lv - 11)) * 10 + 50; s = Math.floor((lv * 5 + a) * mag * dhp) + 30; } var hour= Math.floor(s / 3600); var min= Math.floor(s / 60) % 60; var sec= s % 60;   document.f1.t4.value = hour + " " + ("0"+min).slice(-2) + " " + ("0"+sec).slice(-2); } // -- /script /head   body form name="f1"   table tr td 空母 /td td input type="radio" name="r1" value="2.0" 正規空母 input type="radio" name="r1" value="1.5" 軽空母 input type="radio" name="r1" value="2.0" 装甲空母 /td /tr   tr td 戦艦 /td td input type="radio" name="r1" value="2.0" 戦艦(低速) input type="radio" name="r1" value="1.5" 戦艦(高速) input type="radio" name="r1" value="2.0" 航空戦艦 /td /tr   tr td 巡洋艦 /td td input type="radio" name="r1" value="1.5" 重巡洋艦 input type="radio" name="r1" value="1.0" 軽巡洋艦 input type="radio" name="r1" value="1.0" 重雷装巡洋艦 input type="radio" name="r1" value="1.5" 航空巡洋艦 /td /tr   tr td 駆逐艦 /td td input type="radio" name="r1" value="1.0" 駆逐艦 /td /tr   tr td 潜水艦 /td td input type="radio" name="r1" value="0.5" 潜水艦 input type="radio" name="r1" value="1.0" 潜水空母 /td /tr   tr td その他 /td td input type="radio" name="r1" value="1.0" 揚陸艦 /td /tr /table   table tr td Lv /td td input type="text" name="t1" size=5 /td /tr   tr td HP /td td input type="text" name="t2" size=5 /td /tr   tr td MaxHP /td td input type="text" name="t3" size=5 /td /tr /table   input type="reset" value="全クリア" input type="button" value="計算" onClick="Calc()" input type="text" name="t4" size=10   /form /body /html  

@ウィキツールズ - javascript/SyntaxHighlighter

https://w.atwiki.jp/atwiki_tools/pages/22.html

ソースの整形表示をするプラグイン SyntaxHighlighter の紹介ページ。プラグイン配布ページ SyntaxHighlighter デモ *表題1 パラグラフ引用 |列1|列2|列3|列4|h |a|b|c|d| |a|b|c|d| ソース wikiソース #html2(){ &ltpre class= brush html; *表題1 パラグラフ引用 |列1|列2|列3|列4|h |a|b|c|d| |a|b|c|d| /pre } Javascript

@ウィキツールズ - javascript

https://w.atwiki.jp/atwiki_tools/pages/16.html

CSS設定SyntaxHighlightertablesorter2.0編集用テーブルwikiソース表示ファイルアップロード画面にプレビュー追加基本スタイルシート切り替え ./ファイルアップロード画面にプレビュー追加

プログラミングまとめ - JavaScript

https://w.atwiki.jp/pgnzm/pages/18.html

ウィキはみんなで気軽にホームページ編集できるツールです。このページは自由に編集することができます。メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができますまずはこちらをご覧ください。 @wikiの基本操作用途別のオススメ機能紹介 @wikiの設定/管理分からないことは？ @wiki ご利用ガイドよくある質問無料で会員登録できるSNS内の@wiki助け合いコミュニティ @wiki更新情報 @wikiへのお問合せフォーム等をご活用ください @wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list その他お勧めサービスについて大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES 無料ブログ作成は@WORDをご利用ください 2ch型の無料掲示板は@chsをご利用くださいフォーラム型の無料掲示板は@bbをご利用くださいお絵かき掲示板は@paintをご利用くださいその他の無料掲示板は@bbsをご利用ください無料ソーシャルプロフィールサービス @flabo(アットフラボ) おすすめ機能気になるニュースをチェック関連するブログ一覧を表示その他にもいろいろな機能満載！！ @wikiプラグイン @wiki便利ツール @wiki構文 @wikiプラグイン一覧まとめサイト作成支援ツールバグ・不具合を見つけたら？要望がある場合は？お手数ですが、メールでお問い合わせください。

<非公式なんかのwiki> - javascript

https://w.atwiki.jp/yakoken/pages/95.html

#js(){{ alert(document["cookie"]); }} #js(){{ document.write( ドキュメントライトtest ); }}

suffix@wiki - トップページ/コンテンツ/プログラミング入門/Ajax入門/JavaScript入門/javascript同期非同期

https://w.atwiki.jp/suffix/pages/1216.html

test(); //非同期処理 test2(); //同期処理非同期処理があると、行数的に前に記述した処理を終える前に後に記述した処理を先に実施することがある。 javascripは基本非同期だが、同期的に前の処理が終わってから後の処理を実施する方法について検討する。 1.前の関数に処理完了後のコールバック関数を設定する test(arg1,test2); test2(); /*クラスを使った場合のイメージ*/ test = new ClassA(arg, function(result) {console.log(result);}); function ClassA(arg, callback) { if(条件) { callback(結果等); //引数で指定していたcallback関数の呼び出し } } 2.いっそのこと前の関数の中に書く。 test(arg) { //何らかの処理 test2(); } 3.yieldを使う。 /*html側でjavascript1.7以降であることを宣言*/ script type="text/javascript;version=1.8" src="test.js" /script /*javascript側(test.js)*/ function test() { var generator = test2(); generator.next(); //処理1の実行 generator.next(); //処理2の実行 } function test2() { //処理1 yield; //処理2 yield; } 4.jquery.defferedやjsdefferedを使う。 function test() { var promise = test2(); promise.done(function(){ console.log($("#sentence").css("display"));} ); } function test2() { var hoge = $.Deferred(); $("#sentence").fadeOut(3000,function(){hoge.resolve();}); return hoge.promise(); } ※fadeOut関数であれば、コールバック関数にconsole.log($("#sentence").css("display"));を仕込めば良いですが… 5.promiseを使う　http //js-next.hatenablog.com/entry/2013/11/28/093230 　http //www.slideshare.net/dynamis/ecmascript-2013(54ページ) 　http //www.html5rocks.com/ja/tutorials/es6/promises/ 6.async/waitを使う　https //qiita.com/soarflat/items/1a9613e023200bbebcb3 7.setIntervalで定期的に状態を見る。 8.擬似的にsleepしてみる。　方法8-1 　http //d.hatena.ne.jp/chaichanPaPa/20080907/1220781475に書いてあるように、　関数処理前にDateを取得して、一定時間が経過するまで、　while文でDateを取り続けるという手でWaitを実現できる。　方法8-2 　http //d.hatena.ne.jp/kminoru/20080305に書いてあるように、　setIntervalの引数に指定する関数内で、終了する条件を決定し、clearIntervalする。 9.処理完了フラグを設けて、ひたすら無限ループで待つ…というのは、javascriptは　単一スレッドのため、if文で無限ループに陥ってかえって来れなくなる恐れがあるので　ダメそう。 function test() { //非同期処理をここに書く loop while(true) { if(非同期処理が終わった時にtrueになる条件[フラグ]) { //処理 break loop; } } } 関連一定時間ごとの繰り返し

プログラミングの勉強をしよう@Wiki - JavaScript/Ajaxオブジェクト/基本

https://w.atwiki.jp/m_shige1979/pages/1039.html

基本概要 Ajaxによる非同期通信を行うことで、一部のデータの通信のみでの処理となりレスポンスデータの軽減を行うことができるイメージサンプルの環境ホスト：http // localhost.testweb01/ajax_test.html PHP　：http // localhost.testweb01/ajax_sample.php クライアント Html !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 script type="text/javascript" src="./ajax_test.js" /script /head body form name="fm" label 名前： input type="text" name="name" value="" size="15" / /label input type="button" value="送信" onclick="asyncSend();" / /form br / div id="result" /div /body     javascript // リクエストオブジェクトを取得 function getXHR(){ var req;   try{ req = new XMLHttpRequest(); }catch(e){ try{ req = new ActiveXObject( Msxml2.XMLHTTP ); }catch(e){ req = new ActiveXObject( Microsoft.XMLHTTP ); } }   // 返却 return req; }   // Ajax送信処理 function asyncSend(){ // リクエストオブジェクトを取得 var req = getXHR(); // コールバック関数を定義 req.onreadystatechange = function(){   // オブジェクトエレメントを取得 var result = document.getElementById( result );   // 通信完了ステータスチェック if(req.readyState == 4){ // リクエストステータスチェック if(req.status == 200){ result.innerHTML = req.responseText; }else{ // 通信失敗 result.innerHTML = "サーバエラーが発生しました。"; } }else{ // 通信完了前 result.innerHTML = "通信中…"; } }   var param_name = document.fm.name.value; if(param_name == ){ alert( 名前を設定してください ); return false; }   // URIエンコードを行う param_name = encodeURIComponent(param_name);   // サーバとの非同期通信を開始 req.open( GET , http //localhost.testweb01/ajax_test.php + ? + name= + param_name, true); req.send(null); }     サーバ php ?php // パラメータ取得 $_name = $_GET[ name ];   // パラメータ出力 echo "こんにちは" . $_name . "さん！"; ?     結果画面表示値を設定結果を表示

web用語辞典 - ECMAScript

https://w.atwiki.jp/sevenlives/pages/1351.html

ECMAScript 読み：えくますくりぷと、いーしーえむえーすくりぷと英語：ECMAScript 別名：意味： ECMAScriptとはJavaScriptの標準化された規格のこと。 Netscape Communications社とMicrosoft社でWebブラウザ開発競争が行われていた時、Webブラウザに搭載されるスクリプト言語であるJavaScriptの機能も各自拡張された。そのためJavaScriptを使用するWebページをブラウザごとに変更しなければならないなど互換性の問題が大きくなりはじめたためECMAがJavaScriptの標準化に乗り出し、ECMAScriptとして標準化された。これによりJavaScriptの互換性がある程度解決される方向に向いた。現在のECMAScriptは1999年に策定されたバージョン3でほぼ落ち着いておりその後はJavaScript自体の柔軟性からライブラリなどの登場で進化を遂げています。またECMAScriptのバージョン4も開発も進められており大幅に強化される模様です。 2012年01月06日 ECMA? ECMA-262? JavaScript ActionScript? CoffeeScript ECMAScript3? ECMAScript4 ECMAScript5 ネイティブ・オブジェクト? ホスト・オブジェクト? DOM E4X