0

条件に応じてスタイルシートをレンダリングする必要があるという要件があります。

<script type="text/javascript">
 var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage){
   <link rel="stylesheet" type="text/css" href="welcome.css"/>
 }
</script>

これは可能ですか?または何か良い方法はありますか?

4

2 に答える 2

1

はい、これを試してください

HTML

   <link rel="stylesheet" type="text/css" href="" id="updatable-css" />

ジャバスクリプト

var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage){
   document.getElementById('updatable-css').href = "welcome.css";
 }
于 2013-10-02T08:40:16.483 に答える
1

linkタグを動的に作成できます。これを試してください:

<script type="text/javascript">
 var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage) {
    var link = document.createElement('link');
    link.href = 'welcome.css';
    link.rel = 'stylesheet';
    link.type = 'text/css';

    document.head.appendChild(link);
 }
</script>
于 2013-10-02T08:50:03.720 に答える