問題タブ [external-script]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ソーシャル ネットワーク API のスクリプトを読み込む最も効率的な方法は何ですか?
最近のほとんどの Web サイトと同様に、私の個人 Web サイトには、「いいね」、「フォロー」、「共有」ボタンなどのソーシャル ネットワーク用のウィジェットが多数あります。
これらのウィジェットを埋め込むために、ソーシャル ネットワークの開発者サイトで提供されている JavaScript コードとdata-*、ボタンの「フック」に関連する属性を含む HTML5 マークアップを使用します。
現在、これらの API の「ローダー」関数は、Web ページの にある要素.jsを介してトリガーされる外部ファイルに配置されています。<SCRIPT><HEAD>
これらの「ローダー」関数は、関連するソーシャル ネットワークのサーバーから別のファイルを呼び出すことに気付きました。例として Facebook の JavaScript ローダー関数を使用します。
この関数は、Facebook のメイン API スクリプトを呼び出します。
connect.facebook.net/en_GB/all.js
また、同じ外部ファイルに Twitter と Google+ ローダー機能があります。
ただし、私は JavaScript とそれがキャッシュにどのように関係するかについての専門家とはほど遠いですが、外部スクリプトを使用するとキャッシュ関連の問題が発生するような気がします。これらのボタンは独自の考えを持っているようで、実際に読み込まれるかどうかは運次第です。Last-Modified:HTTPヘッダーを自動的に送信するApacheサーバーと関係があるのではないかと思っていました。
要するに、私が答えたい質問はこれです：
これらの API ローダーをトリガーする最も効率的でバグのない方法はどれですか? 外部スクリプトまたは埋め込みスクリプトを使用しますか?
つまり、API ローダー関数を埋め込むと、ボタンの読み込みとパフォーマンスが向上すると思いますか? それとも、コードが埋め込まれているか、外部ファイルにあるかは重要ですか?
javascript - 外部スクリプトのロードが条件付きで機能しない、エラーなし
私の状態の中には、次のものがあります。
「広告がロードされました」というコンソール メッセージを受け取りましたが、広告が表示されず、要素を調べると、<script>が class の div 要素に追加されませんad。
Firebug でエラーは表示されませんが、これが機能しない理由を見逃していることは明らかですか? 少なくともスクリプトタグが要素に表示されることを期待しています。
css - Wordpress: スタイルシートがエンキューされないのはなぜですか?
それを拡張する別のプラグインを作成して、既存の WP プラグインを変更しています。プラグインをオーバーライドする CSS を書きたいと思います。ただし、スタイルシートをキューに入れようとすると機能しません。includes()に単純なフォームを追加し、変更を確認するために赤い単語のスタイルを設定しようとしたため、機能しないことはわかっています。なぜこれが機能しないのですか??
plugins_loaded注 -コーデックスで読んだアクション フックを使用していwp_enqueue_scriptます。したがって、エンキューのタイミングがずれているとは思いませんが、WP 開発は初めてなので、間違っている場合は修正してください。
更新- 以下の更新された CSS コードを参照してください。#id セレクターはテキストを赤く着色していませんでしたが、 p (段落セレクター) を追加すると機能しました。どちらのセレクターも単独では機能せず、両方を追加した場合にのみ機能しました。どうしてこれなの？
find-do-for-anspress.php
fd-css.css 試行 1
fd-css.css 試行 2
javascript - mochaで外部スクリプトを実行する方法
これはばかげた質問かもしれませんが、とにかくコミュニティに尋ねなければなりません。
テストに Zombie.js と Mocha を使用しており、external.js という名前の外部スクリプトがあります。
この外部スクリプトを mocha テスト (Zombie.js の開いているブラウザーではない) にロードし、テストを実行する前に実行したいと思います。
スクリプト タグの作成や外部スクリプトの挿入など、いくつかの方法を試しましたが、HTML では機能するようですが (ゾンビのブラウザーでうまく機能するため)、テストを実行する前にスクリプトが必要です。
javascript - Javascript オンロードとスクリプト コールバック関数、どちらが優先されますか?
特定のデータを返すコールバック関数を使用する外部スクリプトを読み込んでいます。このデータが受信されない場合、エラーが表示されます。
ここに私が作ったコードがあります：
ご覧のとおり...スクリプトには多くの問題が発生する可能性があるため、当然のことながらonerrorイベントを追加しました。この on error イベントは、スクリプトのホスト名またはドメインを存在しないものに変更すると、実際に発生します。
ただし、スクリプトの URL のみを変更した場合でも、サーバーに接続して、代わりにonloadイベントを発生させることができます。これらの無効なリクエストに対してコールバック関数が呼び出されないため、onloadハンドラも追加しました。
問題は、すべてが正常にロードされ、データが返された場合、コールバック関数とonloadの両方が起動することです。onloadの前にコールバック関数がトリガーされ、 visitors_loaded変数を設定して、ハンドラー関数が 1 回だけ呼び出されるようにしました。
これまでのところ、JS fiddle と私のオフライン サイトでは完全に動作しますが、これは予想される動作なのだろうか? そのjson_callback関数は常にonloadハンドラの前に優先されますか?
javascript - Github ページで有効な HTML が許可されないのはなぜですか?
私は現在、W3Schools スクリプトを利用する Github Pages の Github でレポを作成しています。私の index.html コードは次のようになります。
common.html には、ヘッダーとフッターのコードがあります。
ここで説明するスクリプトを使用して、他の HTML ファイルをインポートできるようにしています。CSSは関係ないと思います。しかし、Github Pages ページを読み込むと、index.html の要素しか表示されません。ただし、ローカル ファイルからページを読み込むと、期待どおりに表示されるため、これは私のせいではありません。
画像:
オンライン:
ローカル:
何が起こっているのか? Github で外部 JS を使用できませんか?
編集:コンソールを確認したところ、次のメッセージが表示されました:
