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

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


12
iframeが読み込まれているか、コンテンツが含まれているかを確認するにはどうすればよいですか?
id = "myIframe"のiframeがあり、そのコンテンツをロードするコードがあります。 $('#myIframe').attr("src", "my_url"); 問題は、ロードに時間がかかりすぎることもあれば、非常に速くロードされることもあります。したがって、「setTimeout」関数を使用する必要があります。 setTimeout(function(){ if (//something shows iframe is loaded or has content) { //my code } else { $('#myIframe').attr("src",""); //stop loading content } },5000); 私が知りたいのは、iFrameがロードされているかコンテンツが含まれているかを確認する方法だけです。使用iframe.contents().find()は機能しません。使えませんiframe.load(function(){})。

8
JavascriptでjQueryをロードし、jQueryを使用します
以下を使用して、jQueryライブラリをdomに追加しています。 var script = document.createElement('script'); script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); しかし、私が実行すると: jQuery(document).ready(function(){... コンソールはエラーを報告します: Uncaught ReferenceError: jQuery is not defined jQueryを動的にロードし、DOMに入ったら使用するにはどうすればよいですか?

2
JavaScriptで拡張メソッドを作成するにはどうすればよいですか?
JSでいくつかの拡張メソッドを書く必要があります。私はC#でこれを行う方法を知っています。例: public static string SayHi(this Object name) { return "Hi " + name + "!"; } その後、によって呼び出されます: string firstName = "Bob"; string hi = firstName.SayHi(); JavaScriptでこのようなことをするにはどうすればよいですか?

8
JavaScriptでロックを実装する方法
lockC#と同等のものをJavaScriptでどのように実装できますか? したがって、私が考えている簡単なユースケースを説明すると、次のようになります。 ユーザーがボタンをクリックしますB。 Bonclickイベントを発生させます。がイベントにある場合Bは、伝播する前にが存在するのをevent-state待ちます。場合であり、ロックされ、に設定され、その後、イベントが伝搬します。イベントの伝播が完了すると、はに設定されます。Bready-stateBready-stateBevent-stateBready-state ready-stateボタンにクラスを追加したり、ボタンからクラスを削除したりするだけで、これに近いことがどのように行われるかがわかりました。ただし、問題は、ユーザーが変数を設定するよりも速くボタンを2回続けてクリックできるため、状況によってはこのロックの試行が失敗することです。 JavaScriptで失敗しないロックを実装する方法を知っている人はいますか?

5
React Reduxでストアの状態にアクセスするにはどうすればよいですか?
reduxとの非同期を学ぶための簡単なアプリを作っているだけです。すべてが機能するようになりました。今は、実際の状態をWebページに表示したいだけです。では、renderメソッドで実際にストアの状態にアクセスするにはどうすればよいですか? これが私のコードです(私は学習しているだけなので、すべてが1ページにあります): const initialState = { fetching: false, fetched: false, items: [], error: null } const reducer = (state=initialState, action) => { switch (action.type) { case "REQUEST_PENDING": { return {...state, fetching: true}; } case "REQUEST_FULFILLED": { return { ...state, fetching: false, fetched: true, items: action.payload } } case "REQUEST_REJECTED": { …


6
ページを閉じる(離れない)ときにjquery beforeunload?
「ページを離れてもよろしいですか?」を表示するにはどうすればよいですか?ユーザーが実際にページを閉じようとしたとき(ブラウザウィンドウまたはタブの[X]ボタンをクリックしたとき)ではなく、ページから移動しようとしたとき(別のリンクをクリック)。 クライアントは、ユーザーがページを閉じようとしたときに「ページを離れてもよろしいですか?ショッピングカートにまだ商品があります」というメッセージが表示されることを望んでいます。 残念ながら$(window).bind('beforeunload')、ユーザーがページを閉じたときにのみ起動しません。 jQuery: function checkCart() { $.ajax({ url : 'index.php?route=module/cart/check', type : 'POST', dataType : 'json', success : function (result) { if (result) { $(window).bind('beforeunload', function(){ return 'leave?'; }); } } }) }

9
すべてのTypeScriptソースを監視およびコンパイルする方法は?
ペットプロジェクトをTypeScriptに変換しようとしていますが、tscユーティリティを使用してファイルを監視およびコンパイルできないようです。ヘルプには、-wスイッチを使用する必要があると書か*.tsれていますが、一部のディレクトリ内のすべてのファイルを再帰的に監視およびコンパイルできないようです。これは何かtscが処理できるはずのようです。私のオプションは何ですか?

11
<input type =“ date”>をすべてのブラウザでサポートするにはどうすればよいですか?代替案はありますか?
HTML5要素の入力属性を使用していますが、日付と時刻の属性をサポートしているのはGoogleChromeのみです。Modernizrを試しましたが、Webサイトに統合する方法(コーディング方法/構文/インクルード)がわかりません。すべてのブラウザの日付、時刻属性を操作する方法に関するコードスニペット。

8
promise.then()と同等のRxJSシーケンス?
以前は有望に多くの開発を行っていましたが、現在はRxJSに移行しています。RxJSのドキュメントには、promiseチェーンからオブザーバーシーケンスに移行する方法に関する明確な例が記載されていません。 たとえば、私は通常、次のような複数のステップでプロミスチェーンを作成します。 // a function that returns a promise getPromise() .then(function(result) { // do something }) .then(function(result) { // do something }) .then(function(result) { // do something }) .catch(function(err) { // handle error }); このPromiseチェーンをRxJSスタイルでどのように書き直す必要がありますか?
83 javascript  rxjs 

6
JSDocでpromiseの解決と拒否のタイプを指定するにはどうすればよいですか?
NodeJSにQライブラリを使用するなど、promiseオブジェクトを返すコードがいくつかあります。 var Q = require('q'); /** * @returns ??? */ function task(err) { return err? Q.reject(new Error('Some error')) : Q.resolve('Some result'); } JSDocを使用してそのような戻り値を文書化する方法は?

4
HTML5キャンバステキストを太字または斜体にスタイル設定するにはどうすればよいですか?
私は非常に簡単な方法でテキストをキャンバスに印刷しています: var ctx = canvas.getContext('2d'); ctx.font = "10pt Courier"; ctx.fillText("Hello World", 100, 100); しかし、テキストを太字、斜体、またはその両方に変更するにはどうすればよいですか?その簡単な例を修正するための提案はありますか?

7
JSONオブジェクトをJavaScript配列に変換する方法は?
JSONオブジェクト文字列をJavaScript配列に変換する必要があります。 これは私のJSONオブジェクトです: {"2013-01-21":1,"2013-01-22":7} そして私は持っていたい: var data = new google.visualization.DataTable(); data.addColumn('string', 'Topping'); data.addColumn('number', 'Slices'); data.addRows([ ['2013-01-21', 1], ['2013-01-22', 7] ]); どうすればこれを達成できますか?
83 javascript  json 

12
ユーザーが特定の要素にスクロールしたときにイベントをトリガーする-jQueryを使用
ページのはるか下にあるh1があります。 &lt;h1 id="scroll-to"&gt;TRIGGER EVENT WHEN SCROLLED TO.&lt;/h1&gt; そして、ユーザーがh1にスクロールしたとき、またはブラウザーのビューにアラートが表示されたときにアラートをトリガーしたいと思います。 $('#scroll-to').scroll(function() { alert('you have scrolled to the h1!'); }); どうすればこれを行うことができますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.