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

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

9
<div>を作成して動的に<div>を追加
内部に&lt;div&gt;追加された動的に作成しようとしています&lt;div&gt;。これまでのところ、うまくいきます: var iDiv = document.createElement('div'); iDiv.id = 'block'; iDiv.className = 'block'; document.getElementsByTagName('body')[0].appendChild(iDiv); 2番目のdivを作成して最初のdivに追加するのに問題があります。 私は基本的にこれを最後のマークアップとして行いたいです: &lt;div id="block" class="block"&gt; &lt;div class="block-2"&gt;&lt;/div&gt; &lt;/div&gt;
128 javascript 

6
JSON文字列をエスケープしてURLに含める方法は?
JavaScriptを使用して、ページへのリンクを生成したいと思います。ページのパラメーターは、JSONでシリアル化するJavaScript配列にあります。 だから私はそのようなURLを生成したいと思います: http://example.com/?data="MY_JSON_ARRAY_HERE" JSON文字列(シリアル化された配列)をエスケープしてURLのパラメーターとして含めるにはどうすればよいですか? JQueryを使用するソリューションがある場合は、それが大好きです。 注:はい、ページへのパラメーターは多数存在するため、配列に含める必要があります。後でリンクを短くするために、bit.lyを使用すると思います。

5
Chrome拡張機能でjQueryを使用する方法
私はクローム拡張を書いています。そしてjQuery、拡張機能で使用したいと思います。バックグラウンドページは使用せず、バックグラウンドスクリプトのみを使用しています。 これが私のファイルです: manifest.json { "manifest_version": 2, "name": "Extension name", "description": "This extension does something,", "version": "0.1", "permissions": [ "activeTab" ], "browser_action": { "default_icon": "images/icon_128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" } } 私のbackground.jsファイルは、work.js // Respond to the click on extension …

7
JavaScriptを使用してリンクを作成するにはどうすればよいですか?
タイトルの文字列とリンクの文字列があります。JavaScriptを使用してページにリンクを作成するために2つを組み合わせる方法がわかりません。どんな助けでもありがたいです。 EDIT1:質問に詳細を追加します。これを理解しようとしているのは、RSSフィードがあり、タイトルとURLのリストがあるためです。タイトルをURLにリンクして、ページを使いやすくしたいと思います。 EDIT2:私はjQueryを使用していますが、jQueryをまったく使用していないので、この状況で役立つかもしれないことに気付きませんでした。

6
React jsの「マウント」とは何ですか?
ReactJSの学習中に、「マウント」という用語を何度も聞いています。そして、この用語に関してライフサイクルの方法とエラーがあるようです。Reactはマウントとはどういう意味ですか? 例: componentDidMount() and componentWillMount()

6
JavaScriptでのRubyの|| =(または同等)?
Rubyの||=メカニズムが大好きです。変数が存在しないかである場合は、変数nilを作成し、それを何かに等しく設定します。 amount # is nil amount ||= 0 # is 0 amount ||= 5 # is 0 私は今、JavaScriptで同様のことをする必要があります。これを行うための慣習または適切な方法は何ですか?||=構文が無効であることはわかっています。それを処理する2つの明白な方法は次のとおりです。 window.myLib = window.myLib || {}; // or if (!window.myLib) window.myLib = {};
128 javascript  ruby  syntax 

7
単一のLodash関数をインポートする方法は?
WebPACKのを使用して、私はインポートしようとしているのisEqualのため、lodashすべてのものを輸入しているようです。私は成功せずに次のことを試みました: import { isEqual } from 'lodash' import isEqual from 'lodash/lang' import isEqual from 'lodash/lang/isEqual' import { isEqual } from 'lodash/lang' import { isEqual } from 'lodash/lang'
128 javascript  lodash 

17
ES6構文を使用してjqueryをインポートする方法
私はトランスパイラーとプラグインES6を介して(JavaScript)構文を使用して、またスタイルのために新しいアプリを書いてbabelいpreset-es2015ますsemantic-ui。 index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html &lt;!DOCTYPE html&gt; &lt;html lang="fr"&gt; &lt;head&gt; &lt;body&gt; &lt;script src="dist/app.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; プロジェクトの構造 . ├── app/ │ ├── index.js ├── assets/ ├── dist/ │ ├── scripts/ │ │ ├── jquery.min.js …

11
JavaScriptでデバイスの幅を取得する
JavaScriptを使用して、ビューポートの幅ではなく、ユーザーのデバイスの幅を取得する方法はありますか? CSSメディアクエリはこれを提供します。 @media screen and (max-width:640px) { /* ... */ } そして @media screen and (max-device-width:960px) { /* ... */ } これは、スマートフォンを横向きでターゲットにしている場合に役立ちます。たとえば、iOSでは、宣言は max-width:640pxiPhone 4でも横向きと縦向きの両方をターゲットにします。Androidの場合、私が知る限り、これは当てはまりません。したがって、このインスタンスでdevice-widthを使用すると、両方の向きを正しくターゲットにできます。デスクトップデバイスを対象としない。 ただし、デバイスの幅に基づいてjavascriptバインディングを呼び出す場合、ビューポートの幅のテストに制限されているようです。これは、次のような追加のテストを意味します。 if ($(window).width() &lt;= 960 &amp;&amp; $(window).height &lt;= 640) { /* ... */ } デバイスの幅がcssで利用可能であるというヒントを考えると、これは私にはエレガントに思えません。

7
捕捉されなかったTypeError:(中間値)(…)は関数ではありません
次のように、クロージャー内のjsロジックを単一のjsファイルとして書き込んだ場合、すべてが正常に機能します。 (function(win){ //main logic here win.expose1 = .... win.expose2 = .... })(window) しかし、同じjsファイルでその閉鎖の前にロギング代替関数を挿入しようとすると、 window.Glog = function(msg){ console.log(msg) } // this was added before the main closure. (function(win){ //the former closure that contains the main javascript logic; })(window) TypeErrorがあると文句を言う: Uncaught TypeError: (intermediate value)(...) is not a function 何を間違えたのですか?

5
JavaScriptでnullまたは未定義の場合、値を置き換えます
??JavaScriptにC#演算子を適用する必要がありますが、方法がわかりません。これをC#で検討します。 int i?=null; int j=i ?? 10;//j is now 10 今私はこれをJavaScriptで設定しています: var options={ filters:{ firstName:'abc' } }; var filter=options.filters[0]||'';//should get 'abc' here, it doesn't happen var filter2=options.filters[1]||'';//should get empty string here, because there is only one filter どうすれば正しくできますか? ありがとう。 編集:私は問題の半分を発見しました:オブジェクトに「インデクサー」表記を使用できません(my_object[0])。それをバイパスする方法はありますか?(私は事前にフィルタープロパティの名前を知りませんし、それらを繰り返し処理したくありません)。
128 javascript 

8
JavaScriptの日付コンストラクターで月引数の範囲が0から11になっているのはなぜですか?
Date以下の呼び出しを使用してJavaScriptで新しいオブジェクトを初期化すると、月の引数がゼロから始まることがわかりました。 new Date(2010, 3, 1); // that's the 1st April 2010! 月の引数が0から始まるのはなぜですか?一方、月の引数(最後の日)は1から31までの数字です。これには正当な理由がありますか?

2
window.location.href、window.location.replace、window.location.assignの違い
違いは何ですか window.location.href="http://example.com"; window.location.replace("http://example.com"); window.location.assign("http://example.com"); window.location.assign()現在のセッション履歴を置き換えるだけのフォーラムをたくさん読んだので、ブラウザの戻るボタンが機能しません。しかし、これを再現することはできません。 function fnSetVariable() { //window.location.href = "http://example.com"; window.location.replace("http://example.com"); //window.location.assign("http://example.com"); } &lt;a onmouseover="fnSetVariable();" href="PageCachingByParam.aspx?id=12" &gt; CLICK &lt;/a&gt;
128 javascript  dom  location 

6
jQueryを使用してonClickイベントを動的に追加する
プラグインが使用されているため、通常のように「onClick」属性をHTMLフォーム入力に追加できません。プラグインが私のサイトのフォーム部分を処理していて、これを自動的に行うオプションがありません。 基本的に私はこの入力を持っています: &lt;input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""&gt; 次のようになるように、jQuery onloadでonClickを追加したいと思います。 &lt;input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""&gt; これを行うにはどうすればよいですか? これは標準的な方法ではないかもしれませんが、私の状況で行う最も簡単なオプションのようです。 私はjQueryの初心者なので、どんな助けにも感謝します。
128 javascript  jquery  html 

8
プレーンオブジェクトをES6マップに変換する方法は?
どういうわけか、MDNのドキュメントでこの単純なものを見つけることができません(たぶん私はそれを逃しているだけです)。 私はこれがうまくいくと思っていました: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ...しかし、最初の行がスローされます TypeError: (var)[Symbol.iterator] is not a function プレーンオブジェクトからマップを作成するにはどうすればよいですか?本当に最初にそれをキーと値のペアの配列の配列に変換する必要がありますか?

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