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

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

7
JavaScriptで文字列をN文字にトリミングする方法は?
JavaScriptを使用して、引数として渡された文字列を、引数として渡された指定の長さにトリミングする関数を作成するにはどうすればよいですか。例えば: var string = "this is a string"; var length = 6; var trimmedString = trimFunction(length, string); // trimmedString should be: // "this is" 誰かがアイデアを持っていますか?部分文字列の使用について何か聞いたことがありますが、よくわかりません。
169 javascript  string  trim 

19
jQueryなしで親の絶対divの子要素をホバーするときにonmouseoutを防ぐ
onmouseout絶対位置のdivで関数に問題があります。マウスがdivの子要素を押すと、mouseoutイベントが発生しますが、マウスが親の絶対divの外になるまで発生させたくありません。 mouseoutjqueryなしで子要素にヒットしたときにイベントが発生しないようにするにはどうすればよいですか。 これはイベントのバブリングと関係があることはわかっていますが、これを解決する方法を見つけるのに運がありません。 私はここで同様の投稿を見つけました:子要素によってトリガーされるマウスアウトイベントを無効にする方法? ただし、そのソリューションはjQueryを使用します。

8
ESLint解析エラー:予期しないトークン
このコードで: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; 私はこのeslintエラーを受け取ります: 7:16 error Parsing error: Unexpected token .. Why? ここに私のeslint設定があります: { "extends": "airbnb", "rules": { /* JSX */ "react/prop-types": …

14
Async / Awaitクラスコンストラクタ
現時点ではasync/await、クラスコンストラクター関数内で使用しようとしています。これは、現在e-mail取り組んでいるElectronプロジェクトのカスタムタグを取得できるようにするためです。 customElements.define('e-mail', class extends HTMLElement { async constructor() { super() let uid = this.getAttribute('data-uid') let message = await grabUID(uid) const shadowRoot = this.attachShadow({mode: 'open'}) shadowRoot.innerHTML = ` <div id="email">A random email message has appeared. ${message}</div> ` } }) ただし、現時点ではプロジェクトは機能せず、次のエラーが発生します。 Class constructor may not be an async method これを回避する方法はありますか?これで非同期/待機を使用できますか?コールバックまたは.then()を要求する代わりに?

4
SameSite警告Chrome 77
前回の更新以降、SameSite属性に関連するCookieでエラーが発生しています。 Cookieはサードパーティの開発者からのものです(Fontawesome、jQuery、Google Analytics、Google reCaptcha、Google Fontsなど)。 Chromeコンソールのエラーはこんな感じです。 A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies …


7
jQueryは、ウィンドウに対する要素の位置を取得します
HTML DOM IDが与えられた場合、JavaScript / JQueryでウィンドウに対する要素の位置を取得する方法は?要素はiframeまたは他のいくつかの要素の内部にある可能性があるため、これはドキュメントやオフセットの親に対する相対とは異なります。現在表示されている要素の四角形(位置と寸法など)の画面位置を取得する必要があります。要素が現在画面外にある(スクロールされていない)場合は、負の値でも許容されます。 これはiPad(WebKit / WebView)アプリケーション用です。ユーザーがの特別なリンクをタップするたびに、リンクUIWebViewに関する詳細情報を表示するポップオーバービューを開くことになっています。ポップオーバービューは、それを呼び出す画面の一部を指す矢印を表示する必要があります。

9
HTML5 History API(Pushstate?)を使用するための優れたチュートリアル[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する HTML5履歴APIを使用して、AJAXでロードされたコンテンツのディープリンクの問題を解決することを検討していますが、地面を離れるのに苦労しています。良いリソースを知っている人はいますか? これは、リンクがJSをオンにしていない可能性があるリンクが送信される可能性を許容するための優れた方法と思われるため、使用したいと思います。JSを持つ誰かがリンクを持たない誰かにリンクを送信すると、多くの解決策が失敗します。 私の最初の調査では、JS内のHistory APIとpushStateメソッドを指摘しているようです。 http://html5demos.com/history

6
JavaScriptクロージャがガベージコレクションされる方法
私は次のChromeバグをログに記録しました。これにより、コードに重大で明白でない多くのメモリリークが発生しました。 (これらの結果は、GCを実行するChrome Dev Toolsのメモリプロファイラを使用してから、収集されたガベージングされていないものすべてのヒープスナップショットを取得します。) 以下のコードでは、someClassインスタンスはガベージコレクションされています(良好)。 var someClass = function() {}; function f() { var some = new someClass(); return function() {}; } window.f_ = f(); ただし、この場合はガベージコレクションされません(不良)。 var someClass = function() {}; function f() { var some = new someClass(); function unreachable() { some; } return function() {}; } window.f_ = …

3
AngularJSに「更新」を指示するにはどうすればよいですか
カスタムディレクティブのスコープ外で発生するクリックイベントがあるため、 "ng-click"属性を使用する代わりに、jQuery.click()リスナーを使用して、スコープ内で次のように関数を呼び出します。 $('html').click(function(e) { scope.close(); ); close()は、次のような単純な関数です。 scope.close = function() { scope.isOpen = false; } 私の見解では、「ng-show」がisOpenに次のようにバインドされた要素があります。 <div ng-show="isOpen">My Div</div> デバッグ時に、close()が呼び出されていること、isOpenがfalseに更新されていることがわかりましたが、AngularJSビューは更新されていません。Angularに手動でビューを更新するように指示する方法はありますか?または、この問題を解決するために私が見ないより「角度のある」アプローチはありますか?

12
トリガーボタンのクリックを入力してください
2つのボタンのあるページがあります。1つは<button>要素で、もう1つは<input type="submit">です。ボタンはこの順序でページに表示されます。フォームの任意の場所にあるテキストフィールドでを押す<Enter>と、ボタン要素のclickイベントがトリガーされます。これは、ボタン要素が最初にあるためだと思います。 デフォルトボタンを設定するための信頼できる方法のように見えるものは何も見つかりません。また、この時点では必ずしもそうしたくありません。より良いものがない場合は、フォーム上の任意の場所に<Enter>キーを押したので、それが押されたキーである場合は、単に無効にします。 $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 私の知る限り、これは機能しているように見えますが、信じられないほどハムフィストだと感じています。 これを行うためのより洗練されたテクニックを知っている人はいますか? 同様に、このソリューションに私が気付いていない落とし穴はありますか? ありがとう。
168 javascript  jquery  html  forms  enter 

11
JavaScript警告ボックスのタイトルを編集する方法は?
C#.NETページで次のコードを使用してJavaScriptアラートを生成しています。 Response.Write("<script language=JavaScript> alert('Hi select a valid date'); </script>"); 見出しのタイトルが「Webページからのメッセージ」である警告ボックスが表示されます。 タイトルを変更することは可能ですか?
168 javascript  alert 

28
JavaScriptファイルを動的にロードする
OverаэтотвопросестьответынаStack Overflowнарусском:Придинамическойзагрузке、неработаютчастьскрипт JavaScriptファイルを確実かつ動的にロードするにはどうすればよいですか?これは、「初期化」されたときにコンポーネントが必要に応じてすべてのJavaScriptライブラリスクリプトを動的にロードするモジュールまたはコンポーネントを実装するために使用できます。 コンポーネントを使用するクライアントは、<script>このコンポーネントを実装するすべてのライブラリスクリプトファイル(および手動でタグをWebページに挿入)をロードする必要はありません。「メイン」コンポーネントスクリプトファイルのみです。 メインストリームのJavaScriptライブラリはどのようにこれを実現しますか(プロトタイプ、jQueryなど)? これらのツールは、複数のJavaScriptファイルを単一の再配布可能な「ビルド」バージョンのスクリプトファイルにマージしますか?または、補助的な「ライブラリ」スクリプトを動的にロードしますか? この質問への追加:動的に含まれるJavaScriptファイルがロードされた後にイベントを処理する方法はありますか? プロトタイプにはdocument.observe、ドキュメント全体のイベントがあります。例: document.observe("dom:loaded", function() { // initially hide all containers for tab content $$('div.tabcontent').invoke('hide'); }); スクリプト要素で使用できるイベントは何ですか?

3
タブまたはウィンドウがアクティブでない場合、ブラウザはどのようにJavaScriptを一時停止/変更しますか?
背景:ユーザーが注意を払っているかどうかを検出する必要があるユーザーインターフェイステストをいくつか行っています。しかし、この質問はありませんについてのページの可視性のAPI。 具体的には、現在のタブがアクティブではない場合、または別のブラウザーでブラウザーウィンドウがアクティブでない場合に、JavaScriptコードがどのように影響を受けるかを知りたいです。これまでに次のことを調べました。 iOS 5は、タブがアクティブでないときにJavaScriptを一時停止します setIntervalそして、setTimeoutタブがアクティブでないとき、遅延が少なくなる -他のものを中心に、ジャスミンのユニットテストまでこのまだ始まったばかり、最近登場し、缶混乱のように思えます。 requestAnimationFrame タブがアクティブでない場合は遅くなります(合理的であり、これがなぜだれにもあまりにも影響を与えるとは考えられません)。 次の質問があります。 モバイルブラウザー以外に、デスクトップブラウザーはタブがアクティブでないときにJSの実行を一時停止しますか?いつ、どのブラウザ? どのブラウザーがsetInterval繰り返しを減らしますか?限界まで減ったのか、それともパーセンテージだけ減ったのか?たとえば、10msの繰り返しと5000msの繰り返しがある場合、それぞれにどのような影響がありますか? これらの変更は、タブだけではなく、ウィンドウがフォーカスされていない場合に発生しますか?(OS APIが必要なため、検出が難しくなると思います。) アクティブなタブで観察されない他の影響はありますか?彼らはそうでなければ正しく実行されるであろうことを台無しにすることができますか(すなわち前述のジャスミンテスト)?

20
JavaScriptで文字列からベースURLを抽出する方法は?
JavaScript(またはjQuery)を使用して文字列変数からベースURLを抽出する比較的簡単で信頼できる方法を見つけようとしています。 たとえば、次のようなものが与えられたとします。 http://www.sitename.com/article/2009/09/14/this-is-an-article/ 入手したい: http://www.sitename.com/ 正規表現が最善の策ですか?その場合、特定の文字列から抽出されたベースURLを新しい変数に割り当てるためにどのステートメントを使用できますか? 私はこれについていくつか検索を行いましたが、JavaScriptの世界で見つけたものはすべて、location.hostなどを使用して実際のドキュメントのURLからこの情報を収集することに関係しているようです。
168 javascript  regex  string  url 

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