[ACCEPTED]-Conditional include of CSS-javascript

Accepted answer

Score: 26

A quick document.write-based solution would 1 be:

<script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        document.write('<link rel="stylesheet" type="text/css" href="stylefacebook.css" />');
    }
</script>

Or using the dom:

<script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        var lnk = document.createElement('link');
        lnk.type='text/css';
        lnk.href='stylefacebook.css';
        lnk.rel='stylesheet';
        document.getElementsByTagName('head')[0].appendChild(lnk);
    }
</script>

Or with jquery:

<script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        $('head:first').append('<link rel="stylesheet" type="text/css" href="stylefacebook.css" />');
    }
</script>

Score: 2

<script type="text/javascript">
//<![CDATA[
if ("condition is satisfied") {
    if (document.createStyleSheet) {
        document.createStyleSheet('http://server/style-facebook.css');
    } else {
        var styles = "@import url(' http://server/style-facebook.css ');";
        var newSS = document.createElement('link');
        newSS.rel = 'stylesheet';
        newSS.href = 'data:text/css,' + escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
}
//]]>
</script>

Source: stackoverflow.com

How to detect which one of the defined font was used in a web page?

Building Standalone Applications in JavaScript

What's the simplest way to decrement a date in Javascript by 1 day?

XML parser for JavaScript

How to fetch a remote image to display in a canvas?

Javascript Removing Whitespace When It Shouldn't?

jQuery selection with dynamic id's

Getting custom tooltips with JQuery

(Deep) copying an array using jQuery

Check if a variable contains a numerical value in Javascript?

Cookie Warning

We use cookies to improve the performance of the site. By staying on our site, you agree to the terms of use of cookies.