iframe的特殊css加载

Question

计划：

我有iframe，名为frame.html。如果单独显示frame.html（不在页面内），则应加载no_frame.css。

如果frame.html在页面中显示为iframe，则应加载frame.css。

CSS应该更改frame.html内的div，因此脚本检查页面是单独还是iframe内部非常重要。我希望iframes使用此脚本，而不仅仅是iframe.html。

有没有更好的方法来实现这一目标？

更新

@Alex K. - 喜欢这个??：

<script type="text/javascript">
  jQuery(document).ready(function($){
  if (window!=window.top) { framed=true }

    var cssId = 'myCss';  // you could encode the css path itself to generate id..
    if (!document.getElementById(cssId))
    {
        var head  = document.getElementsByTagName('head')[0];
        var link  = document.createElement('link');
        link.id   = cssId;
        link.rel  = 'stylesheet';
        link.type = 'text/css';
        link.href = 'http://website.com/css/frame.css';
        link.media = 'all';
        head.appendChild(link);
    }
});