jsにcss外部ファイルを導入する方法

css 外部ファイルを js に導入する方法: カスタム関数として記述します。url はファイル パスであり、将来の要素によって呼び出すことができます。コードは [var script = document.createElement('script' )]。

• #この方法は、すべてのブランドのコンピュータに適しています

  
  

# #js CSS 外部ファイルを導入するメソッド:

後で要素が呼び出すカスタム関数 (URL はファイル パス) として記述します:

//加载外部css文件
function dynamicLoadCss(url) {
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.type='text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}
dynamicLoadCss("文件路径");  //自动调用函数;
//加载外部js文件
function dynamicLoadJs(url) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type='text/jajvascript';
script.href = url;
head.appendChild(script);
}
dynamicLoadCss("文件路径");  //自动调用函数;

注:

js スクリプト ファイルを head タグに配置するか body タグに配置するかを開発ニーズに応じて選択できます。

使用される主な知識ポイントは次のとおりです: 要素の作成と要素の追加

document.createElement("元素名称");

document.createElement("元素名称");

実際、js スクリプト ファイルや外部 CSS スタイルを外部から導入する方法は似ています。

外部からインポートされた CSS ファイルは head タグ内にのみ配置できますが、js は head タグ内、body タグ内、または html タグの外に配置できます。

関連する学習に関する推奨事項:

js ビデオ チュートリアル (無料)

以上がjsにcss外部ファイルを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。