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

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

25
プロトタイプ定義関数からプライベートメンバー変数にアクセスする
「プライベート」変数（コンストラクターで定義されたもの）をプロトタイプ定義のメソッドで使用できるようにする方法はありますか？ TestClass = function(){ var privateField = "hello"; this.nonProtoHello = function(){alert(privateField)}; }; TestClass.prototype.prototypeHello = function(){alert(privateField)}; これは機能します： t.nonProtoHello() しかし、これはしません： t.prototypeHello() 私はコンストラクター内で自分のメソッドを定義することに慣れていますが、いくつかの理由でそれから離れています。
6
Reduxアプリケーションでコード分割のためにレデューサーを動的にロードする方法は？
Reduxに移行します。 私のアプリケーションは多くのパーツ（ページ、コンポーネント）で構成されているため、多くのレデューサーを作成したいと考えています。Reduxの例は、combineReducers()1つのレデューサーを生成するために使用する必要があることを示しています。 また、私が理解しているように、Reduxアプリケーションは1つのストアを持つ必要があり、アプリケーションが起動すると作成されます。ストアが作成されているときに、結合したレデューサーを渡す必要があります。アプリケーションが大きすぎない場合、これは理にかなっています。 しかし、複数のJavaScriptバンドルをビルドするとどうなりますか？たとえば、アプリケーションの各ページには独自のバンドルがあります。この場合、結合された1つの減速機は良くないと思います。Reduxのソースを調べたところ、replaceReducer()機能が見つかりました。私が欲しいもののようです。 アプリケーションの各部分に結合されたレデューサーを作成し、アプリケーションのreplaceReducer()部分間を移動するときに使用できます。 これは良いアプローチですか？
3
React.js：あるコンポーネントを別のコンポーネントにラップする
多くのテンプレート言語には、「スロット」または「yield」ステートメントがあります。これにより、ある種の制御を逆にして、あるテンプレートを別のテンプレート内にラップすることができます。 Angularには「トランスクルード」オプションがあります。 Railsにはyieldステートメントがあります。React.jsにyieldステートメントがある場合、次のようになります。 var Wrapper = React.createClass({ render: function() { return ( <div className="wrapper"> before <yield/> after </div> ); } }); var Main = React.createClass({ render: function() { return ( <Wrapper><h1>content</h1></Wrapper> ); } }); 望ましい出力： <div class="wrapper"> before <h1>content</h1> after </div> 残念ながら、React.jsにはがありません<yield/>。同じ出力を実現するためにWrapperコンポーネントをどのように定義しますか？
16
iframeから親URLにアクセスする
さて、私は上のページとこのページにiframeを持っています。私がする必要があるのは、iframeページです。メインページのURLを確認してください。 私は周りを検索しましたが、iframeページが別のドメインにある場合、それはクロスサイトスクリプティングであるため、これは不可能であることを知っています。しかし、私が読んだすべての場所で、iframeページが親ページと同じドメインにある場合、たとえば、次のようにすると機能するはずです。 parent.document.location parent.window.document.location parent.window.location parent.document.location.href ...または他の同様のコンボ。同じ情報を取得するには複数の方法があるようです。 とにかく、ここに問題があります。私のiframeはメインページと同じドメインにありますが、同じSUBドメインにはありません。だから例えば私は持っています http：// www.mysite.com/pageA.html そして、私のiframe URLは http：// qa-www.mysite.com/pageB.html pageB.html（iframeページ）からURLを取得しようとすると、同じアクセス拒否エラーが発生し続けます。それで、サブドメインでさえクロスサイトスクリプティングとして数えられるようです、それは正しいですか、それとも私は何か間違っていますか？
4
XMLHttpRequestの応答を取得する方法は？
XMLHttpRequestを使用してリモートURLのコンテンツをロードし、アクセスしたサイトのHTMLをJS変数に格納する方法を知りたいです。 たとえば、http：//foo.com/bar.phpのHTMLをロードしてalert（）したい場合、どうすればよいでしょうか。
10
汚染されたキャンバスはエクスポートできません
キャンバスを画像に保存したい。私はこの機能を持っています： function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } それは私にエラーを与えます： Uncaught SecurityError： 'HTMLCanvasElement'で 'toDataURL'を実行できませんでした：汚染されたキャンバスはエクスポートされない可能性があります。 私は何をすべきか？
18
JavaScript：ブラウザウィンドウが下にスクロールされたかどうかを検出する方法
ユーザーがページの一番下までスクロールされたかどうかを検出する必要があります。ページの下部にある場合、新しいコンテンツを下部に追加すると、自動的に新しい下部にスクロールされます。一番下にない場合は、ページの前のコンテンツを読んでいるので、現在の場所にとどまりたいので、自動スクロールしたくありません。 ユーザーがページの一番下までスクロールされたかどうか、またはページの上でスクロールされたかどうかをどのように検出できますか？
187 javascript 
5
React Context vs React Redux、それぞれをいつ使用すればよいですか？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 この質問を改善する React 16.3.0がリリースされ、Context APIは実験的な機能ではなくなりました。ダン・アブラモフ（Reduxのの作成者は）良いコメントを書き込みました。ここではこのことについて、コンテキストが、まだ実験的な機能だった2年でした。 私の質問は、あなたの意見/経験では、React ReduxよりもReact Contextをいつ使用する必要があるか、またはその逆ですか？
23
「ぼかし」イベントが発生したときに、どの要素フォーカスが*に*移動したかを知るにはどうすればよいですか？
次のblurように、HTML入力ボックスに関数をアタッチするとします。 <input id="myInput" onblur="function() { ... }"></input> blur関数内でイベントを発生させた要素（クリックされた要素）のIDを取得する方法はありますか？どうやって？ たとえば、次のようなスパンがあるとします。 <span id="mySpan">Hello World</span> 入力要素にフォーカスがある直後にスパンをクリックすると、入力要素のフォーカスが失われます。関数はどのようにそれがそうであったことを知っていますかmySpanがクリックれたですか？ PS：スパンのonclickイベントが入力要素のonblurイベントの前に発生する場合、特定の要素がクリックされたことを示すステータス値を設定できるため、問題は解決されます。 PPS：この問題の背景は、AJAXオートコンプリートコントロールを外部で（クリック可能な要素から）トリガーblurして、入力要素のイベントのために提案がすぐに消えることなく、その提案を表示したいということです。したがって、blur特定の要素が1つクリックされたかどうかを関数にチェックインし、そうであれば、ぼかしイベントを無視します。
187 javascript  events 
14
チェックボックスがオンになっているかどうかを確認するにはどうすればよいですか？
jQuery Mobileを使用してモバイルWebアプリを構築しています。チェックボックスがオンになっているかどうかを確認したいと思います。これが私のコードです。 <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> しかし、何らかの理由で実行されません。 助けてください ！ ----編集-----これは今のところ私が持っているものです。 <DIV data-role="content" data-theme="g"> <DIV class=ui-grid-g-login> <FORM method=post action=[$=PROBE(266)/] data-theme="C"> <P>~DATA_ERROR~</P> <div id="mail" …
14
JavaScript：オブジェクトのfilter（）
ECMAScript 5にはfilter()型のプロトタイプArrayがありObjectますが、私が正しく理解していれば、型はありません。 JavaScriptでfilter()for をどのように実装Objectしますか？ 私がこのオブジェクトを持っているとしましょう： var foo = { bar: "Yes" }; そして私filter()はObjects で動作するを書きたい： Object.prototype.filter = function(predicate) { var result = {}; for (key in this) { if (this.hasOwnProperty(key) && !predicate(this[key])) { result[key] = this[key]; } } return result; }; これは次のデモで使用すると機能しますが、jQuery 1.5とjQuery UI 1.8.9を使用するサイトに追加すると、FireBugでJavaScriptエラーが発生します。 コードスニペットを表示 Object.prototype.filter = function(predicate) { var …
7
続行する前に1つの関数が完了するのを待つ適切な方法は？
2つのJS関数があります。一方が他方を呼び出します。呼び出し関数内で、他の関数を呼び出し、その関数が終了するのを待ってから続行します。したがって、たとえば、/擬似コード： function firstFunction(){ for(i=0;i<x;i++){ // do something } }; function secondFunction(){ firstFunction() // now wait for firstFunction to finish... // do something else }; 私はこの解決策を思いつきましたが、これがそれを解決する賢い方法であるかどうかわかりません。 var isPaused = false; function firstFunction(){ isPaused = true; for(i=0;i<x;i++){ // do something } isPaused = false; }; function secondFunction(){ firstFunction() function waitForIt(){ if (isPaused) …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.