ホームページ  >  記事  >  ウェブフロントエンド  >  HTML動的読み込みCSSスタイルとJSスクリプト例_HTML/Xhtml_Webページ制作

HTML動的読み込みCSSスタイルとJSスクリプト例_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:38:141343ブラウズ

1. 動的読み込みスクリプト

Web サイトの需要が高まるにつれて、スクリプトの需要も徐々に増加します。導入する必要があった JS スクリプトが多すぎてサイト全体のパフォーマンスが低下したため、適切なタイミングで対応するスクリプトを読み込む動的スクリプトの概念が登場しました。
例: ブラウザを検出する必要がある場合に、検出ファイルを導入したいとします。


コードをコピー
コードは次のとおりです:

js の動的実行


IE 6、7、および 8 ブラウザは script を特別な要素とみなし、子ノードにアクセスできません。互換性を保つために、代わりに text 属性を使用できます。


すべてのブラウザで必須 互換性あり

2. スタイルを動的にロードする

ウェブサイトのスキンの切り替えなど、スタイルシートを動的に読み込むため。スタイル シートを読み込む方法は 2 つあり、1 つは タグ、もう 1 つは