JS 実装は必要に応じて js および css ファイルをロードします_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:53:36
オリジナル
1174 人が閲覧しました

フロントエンド開発をしていると、次のような状況によく遭遇します。特別な処理を行うにはいくつかのパッケージを導入する必要があるかもしれませんが、このパッケージは状況によっては使用されません。したがって、必要に応じてこのパッケージをロードしたいと考えています。 js および css ファイルを動的にロードするためのより良いメソッドを以下に示します。

function $import(path,type,title){ var s,i; if(!type) type=path.substr(path.lastIndexOf(".")+1); if(type=="js"){ var ss=document.getElementsByTagName("script"); for(i=0;i<ss.length;i++){     if(ss[i].src && ss[i].src.indexOf(path)!=-1 ||        ss[i].title==title)return ss[i]; } s=document.createElement("script"); s.type="text/javascript"; s.src=path; if(title) s.title=title; }else if(type=="css"){ var ls=document.getElementsByTagName("link"); for(i=0;i<ls.length;i++){     if(ls[i].href && ls[i].href.indexOf(path)!=-1 || ls[i].title==title)return ls[i]; } s=document.createElement("link"); s.rel="stylesheet"; s.type="text/css"; s.href=path; if(title) s.title=title; s.disabled=false; } else return; var head=document.getElementsByTagName("head")[0]; head.appendChild(s); return s; }
ログイン後にコピー

このメソッドを呼び出すときは、ファイル パスとファイル タイプ (js、css) を渡すだけです。これにより、パッケージインポート

が タグに追加されます。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート