タグ付けされた質問 「javascript」

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

19
フレームバスターバスター…必要なバスターコード
他のサイトにあなたのサイトを「フレーム」にしたくないとしましょう<iframe>： <iframe src="http://example.org"></iframe> したがって、すべてのページにアンチフレーミング、フレームバスティングJavaScriptを挿入します。 /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } 優秀な！これで、含まれているiframeから自動的に「バスト」または抜け出します。1つの小さな問題を除きます。 結局のところ、次に示すように、フレーム無効化コードが無効化される可能性があります。 <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = function() { prevent_bust++ } setInterval(function() { if (prevent_bust > 0) { prevent_bust -= 2 window.top.location = 'http://example.org/page-which-responds-with-204' } }, 1) …
19
Rails 4：ターボリンクで$（document）.ready（）を使用する方法
「Rails way」でJSファイルを整理しようとしたときに、Rails 4アプリで問題が発生しました。以前は、さまざまなビューに散らばっていました。それらを別々のファイルに編成し、アセットパイプラインでコンパイルしました。ただし、ターボリンクがオンになっていると、jQueryの「準備完了」イベントが後続のクリックで起動しないことを知りました。初めてページをロードしたときに機能します。ただし、リンクをクリックすると、の内部はready( function($) {実行されません（ページが実際に再度読み込まれないため）。良い説明：ここ。 だから私の質問は：ターボリンクがオンのときにjQueryイベントが正しく機能することを保証する正しい方法は何ですか？スクリプトをRails固有のリスナーでラップしますか？それとも、レールには不必要な魔法があるのでしょうか？特にapplication.jsのようなマニフェストを介して複数のファイルをロードすることに関して、ドキュメントはこれがどのように機能するかについて少し曖昧です。
15
JavaScriptオブジェクトを反復する方法は？
JavaScriptにオブジェクトがあります。 { abc: '...', bca: '...', zzz: '...', xxx: '...', ccc: '...', // ... } forループを使用してそのプロパティを取得したいと考えています。そして、それを部分的に反復したいと思います（一度にすべてのオブジェクトプロパティではありません）。 単純な配列を使用すると、標準forループでそれを行うことができます。 for (i = 0; i < 100; i++) { ... } // first part for (i = 100; i < 300; i++) { ... } // second for (i = 300; i < …
24
表示されているDOMに要素が存在するかどうかを確認するにはどうすればよいですか？
getElementByIdメソッドを使用せずに要素の存在をどのようにテストしますか？ 参考のためにライブデモをセットアップしました。ここにもコードを印刷します。 <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * 62), 1); i++; } return str; }, isNull = function (element) { var randomID = getRandomID(12), savedID = …
30
JavaScriptでオブジェクトの配列をどのように複製しますか？
...各オブジェクトは、同じ配列内の他のオブジェクトへの参照も持っていますか？ この問題を最初に思いついたとき、私は var clonedNodesArray = nodesArray.clone() 存在し、JavaScriptでオブジェクトを複製する方法に関する情報を検索します。StackOverflowで質問を見つけました（まったく同じ@JohnResigによって回答されました）。彼はjQueryを使用すると、 var clonedNodesArray = jQuery.extend({}, nodesArray); オブジェクトを複製します。私はこれを試しましたが、これは配列内のオブジェクトの参照のみをコピーします。だから私が nodesArray[0].value = "red" clonedNodesArray[0].value = "green" nodesArray [0]とclonedNodesArray [0]の両方の値が「緑」になります。それから私は試しました var clonedNodesArray = jQuery.extend(true, {}, nodesArray); これはオブジェクトを深くコピーしますが、FirebugとOpera Dragonflyの両方から「再帰が多すぎます」と「コントロールスタックオーバーフロー」のメッセージを受け取りました。 どうしますか これはすべきではないことですか？JavaScriptでこれを行う再利用可能な方法はありますか？
421 javascript 
22
JSON Webトークンの無効化
私が取り組んでいる新しいnode.jsプロジェクトの場合、Cookieベースのセッションアプローチから切り替えることを考えています（つまり、IDを、ユーザーのブラウザーでユーザーセッションを含むKey-Valueストアに格納します）。 JSON Web Token（jwt）を使用したトークンベースのセッションアプローチ（Key-Valueストアなし）に。 このプロジェクトは、socket.ioを利用するゲームです。単一のセッション（webおよびsocket.io）に複数の通信チャネルがあるようなシナリオでは、トークンベースのセッションがあると便利です。 jwtアプローチを使用して、サーバーからトークン/セッションの無効化をどのように提供しますか？ また、この種のパラダイムで注意する必要のある一般的な（または一般的でない）落とし穴/攻撃についても理解したいと思いました。たとえば、このパラダイムが、セッションストア/ Cookieベースのアプローチと同じ/異なる種類の攻撃に対して脆弱である場合。 だから、私は次のものを持っていると言います（これとこれから適応されます）： セッションストアログイン： app.get('/login', function(request, response) { var user = {username: request.body.username, password: request.body.password }; // Validate somehow validate(user, function(isValid, profile) { // Create session token var token= createSessionToken(); // Add to a key-value database KeyValueStore.add({token: {userid: profile.id, expiresInMinutes: 60}}); // The client …
23
jQuery.Ajaxでファイルをダウンロードする
サーバー側でファイルをダウンロードするためのStruts2アクションがあります。 <action name="download" class="com.xxx.DownAction"> <result name="success" type="stream"> <param name="contentType">text/plain</param> <param name="inputName">imageStream</param> <param name="contentDisposition">attachment;filename={fileName}</param> <param name="bufferSize">1024</param> </result> </action> ただし、jQueryを使用してアクションを呼び出すと： $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebugでは、データがBinaryストリームで取得されているのがわかります。ユーザーがファイルをローカルに保存できるファイルダウンロードウィンドウを開く方法を教えてください。
16
JavaScriptを使用して選択ボックス要素の値をプログラムで設定するにはどうすればよいですか？
次のHTML <select>要素があります。 <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> leaveCode数値をパラメーターとしてJavaScript関数を使用して、リストから適切なオプションを選択するにはどうすればよいですか？
420 javascript  html  dom 
10
jQueryとAjaxで基本認証を使用する
ブラウザを使用して基本認証を作成しようとしていますが、実際にはアクセスできません。 このスクリプトがここにない場合は、ブラウザー認証が引き継ぎますが、ユーザーに認証を実行しようとしていることをブラウザーに通知します。 アドレスは次のようになります。 http://username:password@server.in.local/ 私はフォームを持っています： <form name="cookieform" id="login" method="post"> <input type="text" name="username" id="username" class="text"/> <input type="password" name="password" id="password" class="text"/> <input type="submit" name="sub" value="Submit" class="page"/> </form> そしてスクリプト： var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = Base64.encode(tok); …
16
JS / jQueryでの矢印キーのバインド
JavaScriptやjQueryの左右の矢印キーに関数をバインドするにはどうすればよいですか？私はjQueryのjs-hotkeyプラグインを見ました（組み込みのバインド関数をラップして、特定のキーを認識するための引数を追加します）が、矢印キーをサポートしていないようです。
30
配列内のすべての一意でない値（つまり、重複/複数）を取得します
JavaScript配列をチェックして、重複する値がないかどうかを確認する必要があります。これを行う最も簡単な方法は何ですか？重複する値が何であるかを見つける必要があるだけです-実際にはそれらのインデックスや重複する回数は必要ありません。 配列をループして他のすべての値をチェックして一致を確認できることはわかっていますが、もっと簡単な方法があるはずです。 同様の質問： JavaScript配列のすべての一意の値を取得します（重複を削除します）
418 javascript  arrays 
13
.map（）の要素をスキップする方法は？
配列要素をスキップするにはどうすればよいですか .mapですか？ 私のコード： var sources = images.map(function (img) { if(img.src.split('.').pop() === "json"){ // if extension is .json return null; // skip } else{ return img.src; } }); これは戻ります： ["img.png", null, "img.png"]
418 javascript 
18
jQueryを使用してJSオブジェクトを配列に変換する
私のアプリケーションは、次のようなJavaScriptオブジェクトを作成します。 myObj= {1:[Array-Data], 2:[Array-Data]} しかし、私はこのオブジェクトを配列として必要とします。 array[1]:[Array-Data] array[2]:[Array-Data] そのため、オブジェクト全体を反復処理し$.each、要素を配列に追加することで、このオブジェクトを配列に変換しようとしました。 x=[] $.each(myObj, function(i,n) { x.push(n);}); オブジェクトを配列またはおそらく関数に変換するより良い方法はありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.