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

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

6
Google Map API v3 —境界と中心を設定する
最近、Google Maps API V3に切り替えました。配列からマーカーをプロットする簡単な例を使用していますが、マーカーを基準にして自動的にセンタリングおよびズームする方法がわかりません。 私はGoogle自身のドキュメントを含め、ネットの高低を検索しましたが、明確な答えは見つかりませんでした。単純に座標の平均を取ることができることはわかっていますが、それに応じてズームをどのように設定しますか？ function initialize() { var myOptions = { zoom: 10, center: new google.maps.LatLng(-33.9, 151.2), mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); setMarkers(map, beaches); } var beaches = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.423036, 151.259052, 5], ['Cronulla Beach', -34.028249, 121.157507, 3], ['Manly Beach', …
13
現在実行中のスクリプトをロードしたスクリプトタグをどのように参照できますか？
現在実行中のJavaScriptをロードしたスクリプト要素を参照するにはどうすればよいですか？ これが状況です。「マスター」スクリプトがページの上位に読み込まれています。まず、HEADタグの下にあります。 <!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" xml:lang="en" lang="en"> <head> <script type="text/javascript" src="scripts.js"></script> 「scripts.js」には、他のスクリプトをオンデマンドでロードできるスクリプトが必要です。HEAD要素のレンダリングが完了していないため、HEADタグを参照せずに新しいスクリプトを追加する必要があるため、通常の方法ではうまくいきません。 document.getElementsByTagName('head')[0].appendChild(v); 私がやりたいことは、現在のスクリプトを読み込んだスクリプト要素を参照して、動的に読み込まれた新しいスクリプトタグをDOMの後に追加できるようにすることです。 <script type="text/javascript" src="scripts.js"></script> loaded by scripts.js--><script type="text/javascript" src="new_script1.js"></script> loaded by scripts.js --><script type="text/javascript" src="new_script2.js"></script>
19
エスケープされたURLパラメータを取得する
URLパラメーターを取得でき、JavaScriptエラーを出力せずにこの検索文字列をサポートできるjQueryプラグインを探しています。「不正なURIシーケンス」。これをサポートするjQueryプラグインがない場合、これをサポートするように変更する方法を知る必要があります。 ?search=%E6%F8%E5 URLパラメータの値は、デコードされると、次のようになります。 æøå （文字はノルウェー語です）。 サーバーにアクセスできないため、サーバー上で何も変更できません。
8
jQueryを使用して要素のIDを変更する
jQueryを使用して要素のIDを変更する必要があります。 どうやらこれらは動作しません： jQuery(this).prev("li").attr("id")="newid" jQuery(this).prev("li")="newid" 次のコードでそれを実現できることがわかりました。 jQuery(this).prev("li")show(function() { this.id="newid"; }); しかし、それは私には正しくないようです。もっと良い方法があるに違いない？また、ない場合は、表示/非表示または他の効果の代わりに他にどのような方法を使用できますか？当然、IDを変更するだけで、毎回要素を表示/非表示にしたり、影響を与えたりする必要はありません。 （うん、私はjQuery初心者です。） 編集 この場合、クラスは使用できません。IDを使用する必要があります。
302 javascript  jquery 
12
RequireJSが必要なスクリプトをキャッシュしないようにする
RequireJSは、必要なJavaScriptファイルをキャッシュするために内部的に何かをしているようです。必要なファイルの1つを変更した場合、変更を適用するためにファイルの名前を変更する必要があります。 バージョン番号をquerystringパラメータとしてファイル名の最後に追加する一般的なトリックは、requirejsでは機能しません <script src="jsfile.js?v2"></script> 私が探しているのは、スクリプトファイルが更新されるたびにスクリプトファイルの名前を変更する必要なく、このRequireJS必須スクリプトの内部キャッシュを防ぐ方法です。 クロスプラットフォームソリューション： 現在urlArgs: "bust=" + (new Date()).getTime()、開発中の自動キャッシュ無効urlArgs: "bust=v2"化と、更新された必要なスクリプトをロールアウトした後にハードコードされたバージョン番号をインクリメントする本番環境で使用しています。 注意： @Dustin Getzは最近の回答で、このようにJavaScriptファイルが継続的に更新されると、Chromeデベロッパーツールがデバッグ中にブレークポイントを削除することを述べました。1つの回避策はdebugger;、ほとんどのJavaScriptデバッガーでブレークポイントをトリガーするコードを記述することです。 サーバー固有のソリューション： NodeやApacheなどのサーバー環境に適している特定のソリューションについては、以下の回答のいくつかを参照してください。
21
JavaScript関数が定義されているかどうかを確認する方法
JavaScriptの関数が定義されているかどうかはどのようにしてわかりますか？ このようなことをしたい function something_cool(text, callback) { alert(text); if( callback != null ) callback(); } しかし、それは私を取得します コールバックは関数ではありません コールバックが定義されていない場合のエラー。
14
JSONの代わりに生成されたHTMLを返すことが悪い習慣であるのはなぜですか？またはそれは？
JQueryまたは他の同様のフレームワークを使用して、カスタムURL / WebサービスからHTMLコンテンツをロードするのは非常に簡単です。私はこのアプローチをこれまで何度も使用してきましたが、パフォーマンスは満足できるものでした。 しかし、すべての本、すべての専門家が、生成されたHTMLではなくJSONを使用するようにしています。HTMLよりもはるかに優れているのはなぜですか？ とても速いですか？ サーバーへの負荷は非常に少ないですか？ 一方、生成されたHTMLを使用する理由はいくつかあります。 これは単純なマークアップであり、多くの場合、JSONよりもコンパクトであるか、実際にはJSONよりコンパクトです。 エラーが発生しにくいため、マークアップだけでコードはありません。 ほとんどの場合、プログラムの方が速くなります。これは、クライアントエンド用に個別にコードを記述する必要がないためです。 あなたはどちら側にいますか、そしてその理由は？
301 javascript  jquery  html  ajax  json 
30
関数のパラメーター名/値を動的に取得するにはどうすればよいですか？
関数の関数パラメーター名を動的に取得する方法はありますか？ 私の関数が次のようになっているとしましょう： function doSomething(param1, param2, .... paramN){ // fill an array with the parameter name and value // some other code } では、関数の内部からパラメーター名とその値のリストを配列に取得するにはどうすればよいでしょうか。
5
NodeオブジェクトとElementオブジェクトの違いは？
NodeオブジェクトとElementオブジェクトの間で完全に混乱しています。 document.getElementById()Elementオブジェクトをdocument.getElementsByClassName() 返す一方でNodeList オブジェクトを返します（要素またはノードのコレクション？） divがElementオブジェクトの場合、div Nodeオブジェクトはどうでしょうか？ ノードオブジェクトとは ドキュメントオブジェクト、要素オブジェクト、テキストオブジェクトもノードオブジェクトですか？ デビッドフラナガンの本「ドキュメントオブジェクト、その要素オブジェクト、テキストオブジェクトはすべてノードオブジェクト」のとおりです。 では、どうしてオブジェクトはElementオブジェクトとNodeオブジェクトのプロパティ/メソッドを継承できるのでしょうか。 はいの場合、継承のプロトタイプツリーでノードクラスと要素クラスが関連していると思います。 <div id="test"> <p class="para"> 123 </p> <p class="para"> abc </p> </div> <p id="id_para"> next </p> document.documentElement.toString(); // [object HTMLHtmlElement] var div = document.getElementById("test"); div.toString(); // [object HTMLDivElement] var p1 = document.getElementById("id_para"); p1.toString(); // [object HTMLParagraphElement] var p2 = document.getElementsByClassName("para"); …
301 javascript  html  dom 
30
子要素にカーソルを合わせるとHTML5 dragleaveが発生する
私が抱えている問題dragleaveは、要素の子要素をホバーすると要素のイベントが発生することです。また、dragenter親要素を再びホバーするときにも発生しません。 簡単なフィドルを作成しました：http : //jsfiddle.net/pimvdb/HU6Mk/1/。 HTML： <div id="drag" draggable="true">drag me</div> <hr> <div id="drop"> drop here <p>child</p> parent </div> 次のJavaScriptを使用： $('#drop').bind({ dragenter: function() { $(this).addClass('red'); }, dragleave: function() { $(this).removeClass('red'); } }); $('#drag').bind({ dragstart: function(e) { e.allowedEffect = "copy"; e.setData("text/plain", "test"); } }); divそこに何かをドラッグすると、ドロップを赤くしてユーザーに通知します。これは機能しますが、p子にドラッグすると、dragleaveが起動され、divはもう赤ではありません。ドロップに戻ってdivも、再び赤くなることはありません。div赤にするためには、ドロップから完全に移動し、再度ドラッグしてドロップする必要があります。 dragleave子要素にドラッグするときに発火を防ぐことは可能ですか？ 2017年の更新： TL; DR、pointer-events: none;以下の@HDの回答に記載されているCSS を検索します。これは、最新のブラウザーとIE11で機能します。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.