2

ここに私のサイトがあります: http://dkurf.esxsb.servertrust.com/ このページの特定のスタイルを作成する必要があります: http://dkurf.esxsb.servertrust.com/ProductDetails.asp?ProductCode=dfhs 私はしませんそのページの html にアクセスできるので、そのページだけのサイト全体にあるスタイルをオーバーライドする必要があります。

これは、私の e コマース ストアをホストしている会社が提供する JavaScript のビットです (Volusion、ps はそれらを使用しないでください。CSS の悪夢です!)

<script type="text/javascript"> 
//<![CDATA[ 
if (location.pathname == "/ProductDetails.asp" || 
    location.pathname.indexOf("-p/") != -1 || 
    location.pathname.indexOf("_p/") != -1) 
    document
        .writeln("\n<style type='text/css'>.pricecolor{ background:#000; }</style>\n\n"); 
//]]> 
</script>

しかし、何か提案があれば、それは非常に役に立ちます!

ありがとう！

4

1 に答える 1

1

テストされていませんが、動作するはずです。<head>タグがない場合、理論的には失敗するはずです。

var appendStyle= function(css){

    var code = document.createTextNode(css);
    var style = document.createElement('style');
    style.type='text/css';
    style.media='all';
    style.appendChild(code);
    document.getElementsByTagName('head')[0].appendChild(style);

};

(function(){
    var _ol = typeof(window.onload)==='function' ? window.onload : function(){};    
    window.onload = function(){ 
        _ol.apply(this,arguments);  
        if(window.location.href.indexOf('ProductDetails.asp?ProductCode=dfhs')!==-1) { try{
            appendStyle("\
                .pricecolor{ background:#000; }\
                body{ background:#f0f }\
            ");
            alert('new style appended successfully');
        }catch(e){ alert('error appending style: '+e) }};
    }; 

}());
于 2012-07-09T00:46:39.460 に答える