非jQuery WebサイトのブラウザJavaScriptコンソールにjQueryを含める方法は?-jsチュートリアル-php.cn

非jQuery WebサイトのブラウザJavaScriptコンソールにjQueryを含める方法は?

Linda Hamilton

リリース： 2024-10-17 22:43:29

オリジナル

320 人が閲覧しました

How to Include jQuery in Browser JavaScript Console for Non-jQuery Websites?

非 jQuery Web サイトのブラウザー JavaScript コンソールに jQuery を含める

ブラウザーの JavaScript コンソールに jQuery を含めると、デバッグや迅速なアクセスに役立ちます。 jQuery関数。これは、jQuery を使用しない Web サイトで特に役立ちます。

メソッド:

JavaScript コンソールに jQuery を含めるには、次のコードを実行するだけです:

<code class="javascript">let jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();</code>

ログイン後にコピー

説明:

最初の行は、新しいスクリプト要素を作成し、そのソースを jQuery ライブラリ URL として設定します。
2 行目は、スクリプトを HTML head 要素に追加します。
3 行目では、jQuery.noConflict() メソッドを呼び出して、jQuery をコンソールに組み込みます。これにより、ページ上の他の JavaScript ライブラリが jQuery に干渉しないことが保証されます。

追加のヒント:

Web サイトで次のようなスクリプトが使用されている場合。 jQuery と競合すると、問題が発生する可能性があります。
スクリプトのロードの待ち時間を回避するには、コードを次のように変更できます。

<code class="javascript">let jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
jq.onload = function() {
    jQuery.noConflict();
    console.log('jQuery injected');
};
document.getElementsByTagName('head')[0].appendChild(jq);</code>

ログイン後にコピー

As別の方法として、次のコードを使用してブックマークを作成し、jQuery を簡単に挿入することもできます:

<code class="javascript">javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')</code>

ログイン後にコピー

以上が非jQuery WebサイトのブラウザJavaScriptコンソールにjQueryを含める方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。