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

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

29
ヘッダーが固定されたHTMLテーブル?
列ヘッダーが画面上で固定されたまま、表の本文と共にスクロールしないように、長いHTML表を表示するクロスブラウザーCSS / JavaScriptテクニックはありますか?Microsoft Excelの「フリーズペイン」効果について考えてみます。 テーブルの内容をスクロールできるようにしたいが、常に上部に列ヘッダーが表示されるようにしたい。



10
大なり/小なりの切り替えステートメント
だから私はこのようなswitch文を使いたい: switch (scrollLeft) { case (<1000): //do stuff break; case (>1000 && <2000): //do stuff break; } これらのステートメント(<1000)または(>1000 && <2000)のいずれかが機能しないことがわかりました(さまざまな理由で)。私が求めているのは、それを行う最も効率的な方法です。私は30個のifステートメントを使用するのが嫌いなので、代わりにスイッチ構文を使用します。何かできることはありますか?

17
ページ読み込み時にブートストラップモーダルを起動
私はjavascriptをまったく知りません。ブートストラップのドキュメントには、 javascriptを介してモーダルを呼び出します:$( '#myModal')。modal(options) ページの読み込み時にこれを呼び出す方法はわかりません。ブートストラップページで提供されたコードを使用すると、要素のクリックでモーダルを正常に呼び出すことができますが、ページの読み込み時にすぐに読み込みます。

7
JavaScriptで以前のURLを取得する方法は?
JavaScriptで以前のURLを取得する方法はありますか?このようなもの: alert("previous url is: " + window.history.previous.href); そのようなものはありますか?それともクッキーに保存するだけですか?知っておく必要があるのは、アンカーなどを使わずに、以前のURLから現在のURLに遷移できることだけです。
230 javascript 

7
元の配列を変更せずに配列を並べ替えるにはどうすればよいですか?
入力された配列のソートされたコピーを返すソート関数が必要だとしましょう。私は単純にこれを試しました function sort(arr) { return arr.sort(); } 私はこれをテストしました。これは、私のsortメソッドが配列を変更していることを示しています。 var a = [2,3,7,5,3,7,1,3,4]; sort(a); alert(a); //alerts "1,2,3,3,3,4,5,7,7" 私もこのアプローチを試しました function sort(arr) { return Array.prototype.sort(arr); } しかし、それはまったく機能しません。 これを回避する簡単な方法はありますか?できれば、自分の並べ替えアルゴリズムを手動でローリングしたり、配列のすべての要素を新しい要素にコピーしたりする必要がない方法が望ましいでしょうか?
230 javascript 

4
Webページのテキストの描画をアニメーション化するにはどうすればよいですか?
中心的な単語が1つあるWebページが欲しい。 この単語をアニメーションで描画して、ページが同じように単語を「書き出す」ようにします。つまり、ある時点から始まり、最終的な結果がグリフになるように時間とともに線と曲線を描画します。 これが<canvas>DOMで行われるかどうかは気にせず、JavaScriptとCSSのどちらで行われるかは気にしません。jQueryがないことは良いことですが、必須ではありません。 これどうやってするの?私は運が悪くて徹底的に検索しました。

27
Facebook ReactのJSXで条件付き要素を設定し、DRYを維持するにはどうすればよいですか?
オプションでJSXに要素を含めるにはどうすればよいですか?渡された場合にコンポーネント内にあるはずのバナーを使用した例を次に示します。回避したいのは、ifステートメントでHTMLタグを複製する必要があることです。 render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = ????? } return ( <div id="page"> {banner} <div id="other-content"> blah blah blah... </div> </div> ); }

10
jquery-out-of-the-boxで空の文字列をテストする最良の方法は何ですか?
プラグインなしで、jquery-out-of-the-boxで空の文字列をテストする最良の方法は何ですか?私はこれを試しました。 しかし、少なくともそのままでは機能しませんでした。組み込みのものを使用するとよいでしょう。 繰り返したくない if (a == null || a=='') どこかif (isempty(a)) が利用可能であればどこでも 。
229 javascript  jquery 

10
HTMLボタンを使用してJavaScript関数を呼び出す
HTMLボタンを使用してJavaScript関数を呼び出そうとしています。 これがコードです: <input type="button" value="Capacity Chart" onclick="CapacityChart();"> ただし、正しく機能していないようです。これを行うより良い方法はありますか? ここにリンクがあります:http : //projectpath.ideapeoplesite.com/bendel/toolscalculators.html左下のセクションにある容量タブをクリックしてください。ボタンは、値が変更されていない場合にアラートを生成し、値を入力するとグラフを生成する必要があります。
229 javascript  html 


13
デコード& JavaScriptに戻る
次のような文字列があります var str = 'One & two & three'; WebサーバーによってHTMLにレンダリングされます。それらの文字列を 'One & two & three' 現在、それは私がやっていることです(jQueryの助けを借りて): $(document.createElement('div')).html('{{ driver.person.name }}').text() しかし、私はそれを間違っていると不安を感じています。私が試してみました unescape("&") しかし、機能していないようで、decodeURI / decodeURIComponentも機能しません。 他にもっとネイティブでエレガントな方法がありますか?
229 javascript  html  text  decode 

6
「new」演算子を使用してオブジェクトを作成するときに、括弧を省略できますか?
この方法でオブジェクトが作成されるのを見てきました。 const obj = new Foo; しかし、オブジェクトを作成するときに括弧はオプションではないと思いました: const obj = new Foo(); オブジェクトを作成する以前の方法は有効であり、ECMAScript標準で定義されていますか?以前のオブジェクト作成方法と後者の方法に違いはありますか?どちらが優先されますか?

10
コンポーネントの外部からVue.jsコンポーネントメソッドを呼び出す
子コンポーネントを持つメインVueインスタンスがあるとします。これらのコンポーネントの1つに属するメソッドをVueインスタンスの外部から完全に呼び出す方法はありますか? 次に例を示します。 var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { increaseCount: function() { this.count++; } } }, } }); $('#external-button').click(function() { vm['my-component'].increaseCount(); // This doesn't work }); <script src="http://vuejs.org/js/vue.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="app"> <my-component></my-component> …
229 javascript  vue.js 

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