title: calling javascript function to include stylesheet fails
body: <p>Here's the fail I'm having -- the 'sitePath' is a javascript variable at global file scope:</p>
  
  <pre><code>  &lt;link rel="stylesheet" type="text/css"     
            href="javascript:getJval('sitePath')/rb_UI_styles.css" /&gt;
  </code></pre>
  
  <p>Here is getJval():</p>
  
  <pre><code>  function getJval(theVal)
    {
        return theVal;
    }
  </code></pre>
  
  <p>Originally I tried this but it didn't work:</p>
  
  <pre><code>  &lt;link rel="stylesheet" type="text/css"     
            href="javascript:sitePath/rb_UI_styles.css" /&gt;     
  </code></pre>
  
  <p>I read a bunch of SO posts, including <a href="https://stackoverflow.com/questions/6179882/getbaseurl-javascript-call-function-in-a-href">this</a> one, many of these posts I've read have an 'href' that gets set by using the  </p>
  
  <pre><code>     href="javascript:someFunc(someparam)" 
  </code></pre>
  
  <p>syntax.</p>
  
  <p>However, this syntax to call a javascript function to set an 'href' is <strong>not</strong> working for me in the href for pulling in a stylesheet:</p>
  
  <pre><code>  &lt;link rel="stylesheet" type="text/css"     
            href="javascript:getJval('sitePath')/rb_UI_styles.css" /&gt;
  </code></pre>
  
  <p>Can't figure out why.  I know the stylesheet can be pulled in because if I replace the above with the actual URL to the CSS file, the styles appear successfully on the web page.</p>
  
  <p>Does this javascript:function() syntax <em>not</em> work to set an href in a stylesheet link, for some reason?</p>