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

ローカルのhref値を持つアンカータグと、href値を使用するが通常の場合とは少し異なる場所にリダイレクトするJavaScript関数があります。タグは次のようになります <a onclick="return follow(this);" href="sec/IF00.html"></a> そして次のようなJavaScript関数 baseURL = 'http://www.someotherdomain.com/'; function follow(item) { location.href = baseURL + item.href; } item.href「sec / IF00.html」という短い文字列を返すだけだと思いますが、代わりに完全なhref「http://www.thecurrentdomain.com/sec/IF00.html」を返します。アンカー<a>タグに入れた短いhrefだけを引き出す方法はありますか？それとも、HTMLの自然な動作によってそれを失うのですか？ 文字列操作を使用してこれを行うことができると思いますが、ローカルページが実際には「http://www.thecurrentdomain.com/somedir/somepath/sec/IF00.html」であり、hrefフィールドがまたは、その中にサブディレクトリがない場合があります（ex href="page.html"vsの場合href="sub/page.html"）。最後のスラッシュの前にあるすべてのものを常に削除できるわけではありません。 なぜ私がこれを要求しているのか不思議に思うかもしれませんが、それは単にページをよりきれいにするだけだからです。（anchor <a>タグに挿入された）短いhrefだけを取得できない場合は、おそらくのようlink="sec/IF00.html"にタグに追加のフィールドを挿入できますが、ここでも少し面倒です。

121 javascript  html  href 

特定のルートではなく前のページに戻る方法を教えてもらえますか？ このコードを使用する場合： var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); このエラーを取得します。ルーターの履歴がないため、goBack（）は無視されました これが私のルートです： // Routing Components Route = Router.Route; RouteHandler = Router.RouteHandler; DefaultRoute = Router.DefaultRoute; var routes = ( <Route name="app" path="/" handler={OurSchoolsApp}> <DefaultRoute name="home" …

121 javascript  reactjs  react-router 

入力数値フィールドの数値を変更するスクロールホイールを無効にすることはできますか？私はスピナーを削除するためにwebkit固有のCSSをいじりましたが、この動作を完全に取り除きたいと思います。type=numberiOSで素晴らしいキーボードが表示されるので、使用するのが好きです。

121 javascript  css  html  forms 

このHTML文字列を追加する方法 var str = '<p>Just some <span>text</span> here</p>'; 'test'DOMにあるID を持つDIVに？ （Btw div.innerHTML += str;は受け入れられません。）

121 javascript  html  dom  browser 

変数に昨日の日付DD-MM-YYYYをMoment.jsを使用した形式で保持したいと思います。したがって、今日が2015年4月15日である場合、1日を差し引いて2015年4月4日にします。 私はこのようないくつかの組み合わせを試しました： startdate = moment().format('DD-MM-YYYY'); startdate.subtract(1, 'd'); この： startdate = moment().format('DD-MM-YYYY').subtract(1, 'd'); そしてこれも： startdate = moment(); startdate.subtract(1, 'd'); startdate.format('DD-MM-YYYY') しかし、私はそれを取得していません...

121 javascript  date  momentjs 

操作がない場合のJavaScriptの規則は何ですか？Python passコマンドのように。 1つのオプションは、単に空の関数です。 function() {} jQueryは$.noop()、上記の空の関数を単に呼び出すを提供します。 falseまたはの値を単に入力することは受け入れられますか0？ コンテキストでは、これらはすべてChromeでエラーをスローすることなく機能します。 var a = 2; (a === 1) ? alert(1) : function() {}; (a === 1) ? alert(1) : $.noop(); (a === 1) ? alert(1) : false; (a === 1) ? alert(1) : 0; 編集：多くの人が「これを行わないでください。コード構造を変更してください！」と答えました。これは、誰かがブラウザを盗聴する方法を尋ねた投稿を思い出します。彼は「それをしないでください！悪だ」と言って大量の投稿を受け取りましたが、ブラウザを盗聴する方法は誰にも教えられていません。これはコードレビューではありません。変更できないレガシーコードを処理していて、関数を渡さないとエラーが発生することを想像してみてください。または、単純に、それは顧客が望んでいる方法であり、彼らは私に支払っています。だから、丁重に、してください質問に答える：JavaScriptで「ノーオペレーション」関数を指定するための最良の方法は何ですか？ EDIT2：これらの1つはどうですか？ true; false; 0; 1; null;

121 javascript  function 

<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; 次回、スクロール位置をコンテナーdivの上部にリセットするにはどうすればよいですか？

121 javascript  html  scroll 

特定のフィールドのみを選択しようとしています exports.someValue = function(req, res, next) { //query with mongoose var query = dbSchemas.SomeValue.find({}).select('name'); query.exec(function (err, someValue) { if (err) return next(err); res.send(someValue); }); }; しかし、私のjson応答では_idも受け取っています。私のドキュメントスキーマには、_idとnameの2つのフィールドしかありません。 [{"_id":70672,"name":"SOME VALUE 1"},{"_id":71327,"name":"SOME VALUE 2"}] なぜ？？？

121 javascript  node.js  mongodb  mongoose 

サガ関数内のredux状態にアクセスするにはどうすればよいですか？ 短い答え： import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

121 javascript  reactjs  redux  react-redux  redux-saga 

私は以下を持っています： 青い下線を取り除くにはどうすればよいですか？コードは以下のとおりです。 <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItemコンポーネントはhttp://www.material-ui.com/#/components/menuにあります 洞察やガイダンスをいただければ幸いです。前もって感謝します。

121 javascript  reactjs  react-router 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する querySelector＆querySelectorAllはDOM要素を選択するための新しい方法であると聞きました。彼らはどのように古い方法と比較し、ないgetElementById＆getElementsByClassNameパフォーマンスおよびブラウザのサポートの面で？ jQueryのクエリセレクターを使用する場合とパフォーマンスはどのように比較されますか？ どのネイティブセットを使用するためのベストプラクティスの推奨事項はありますか？

121 javascript  jquery  dom 

Reactが要素をレンダリングした後、要素の高さを取得するにはどうすればよいですか？ HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div className="test">Size: <b>{elHeight}px</b> but it should be 18px after the render</div>; } }); …

121 javascript  reactjs 

Axiosを使用してクライアントからExpress.jsサーバーにリクエストを送信しています。 クライアントにcookieを設定し、手動で追加することなく、すべてのAxios要求からそのcookieを読み取ります。 これは私のクライアント側のリクエストの例です： axios.get(`some api url`).then(response => ... Express.jsサーバーで次のプロパティを使用して、ヘッダーまたはCookieにアクセスしようとしました。 req.headers req.cookies どちらにもCookieは含まれていませんでした。私はクッキーパーサーミドルウェアを使用しています： app.use(cookieParser()) AxiosにリクエストでCookieを自動的に送信させるにはどうすればよいですか？ 編集： 私はこのようにクライアントにクッキーを設定しました： import cookieClient from 'react-cookie' ... let cookie = cookieClient.load('cookie-name') if(cookie === undefined){ axios.get('path/to/my/cookie/api').then(response => { if(response.status == 200){ cookieClient.save('cookie-name', response.data, {path:'/'}) } }) } ... Axiosも使用していますが、問題には関係ありません。Cookieが設定されたら、すべてのリクエストにCookieを埋め込みたいだけです。

121 javascript  node.js  express  cookies  axios 

私が作成していますIonic使用してアプリをes6 modules、TypeScriptおよびSystemJSモジュールローダとして。これは私のセットアップです： tsconfig.json： { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html： <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> スクリプトの例（TypeScript）： import {IConfig} from "./app-config"; export class ConfigLoader { ... } Chromeですべてがうまくいきます。ただし、SafariのWebインスペクターを使用してデバッグする場合、WebインスペクターはHTMLから直接読み込まれたスクリプト（スクリプトタグを介して）のみを表示し、XHR（私の場合はSystemJS）によって読み込まれたスクリプトを表示しないため、スクリプトにブレークポイントを配置できません。 。つまり、自分のスクリプトをデバッグすることはできません。もちろん、これは受け入れられません。 以前のようにSystemJSを使用してこれを回避しようとしましたが、次のようにスクリプトタグをhtmlに配置しました。 <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script src="js/app-config.js"></script> ... other app scripts <script>System.import('js/app.js')</script> ただし、SystemJSはこれについて満足していないようなので、これは機能しません。 無効なSystem.register呼び出し。匿名のSystem.register呼び出しは、SystemJS.importによって読み込まれたモジュールでのみ実行でき、スクリプトタグ経由では実行できません。 SystemJSをどのように使用し、同時にSafariでデバッグすることができますか？「各スクリプトにデバッガーステートメントを置く」よりも少し洗練された解決策を探しています...

121 javascript  safari  ecmascript-6  systemjs  web-inspector 

私はこのRailscastエピソードを見ていて、なぜescape_javascriptここに呼び出しが必要なのか疑問に思っています。 $("#reviews").append("<%= escape_javascript(render(:partial => @review)) %>"); 何にescape_javascript使用されますか？ Railsのドキュメントによると： escape_javascript（javascript） JavaScriptセグメントのエスケープキャリアリターンと一重引用符および二重引用符。 しかし、それは私にはあまり意味がありません。

120 javascript  ruby-on-rails